How to use the theme?
Krystal Documentation
You can create your website like the preview demo in just a few steps
Step 1) First of all install this theme by going to Appearance->Themes->Add New. Upload krystal.zip and install it
Step 2) Install all the recommended plugins and activate plugins
Step 3) Go to Krystal details page. Click here to go
Step 4) Scroll down to Krystal Theme Demos
Step 5) Download the zip file of demo you want. Click on the Download Demo Import Zip button to download the zip file. Extract the zip file and you’ll get the 3 files.
Step 6) Go to Appearance -> Import Demo Data
Step 7) Upload the 3 files as shown in the screenshot below
Step 8) Click on Contine & Import Button and Wait for the process to complete.
Note : You need to change the URL of some of the menu items, as the imported menu will point to the demo site. You can change menus URL by going to Appearance->Menus
Note: You need to change the URL of scroll down button also. Navigate to Appearance->Customize->Scroll Down Settings and change URL
Step 1) Create new pages from Pages menu and name it Home for home page and Blog for blog page
Step 2) Go to Settings->Reading menu and from Your homepage displays settings select A static page and then select Home as Front page and Blog as blog page
Step 3) Save it
Step 1) Go to Appearance->Customize
Step 2) Click on Site Identity Tab.
Step 3) Upload a logo of your own.
Step 4) Save & Publish
Go to Menus from Appearance-> Menus.
Step 1) Create a new menu.
Step 2) Select pages from left and add it to menu
Step 3) After this Select Theme Locations Primary from bottom and click Save Menu
Step 1) Go to Pages->Add New
Step 2) Enter Page Title for eg About
Step 3) Click on the blue button Edit with Elementor
Step 1) Click on Appearance -> Customize -> General Settings
Step 2) Scroll to Home Background Image
Step 3) Upload Image and save
Step 2) On scroll down, you will see options to add 2 buttons.
Step 3) Add the url in Button URL if you want to add video on button click. For eg : https://www.youtube.com/watch?v=VZ9MBYfu_0A
Step 4) Click Save & Publish
Step 2) At bottom, you will see Enable Parallax scroll
Step 3) Click on Yes
Step 4) Save & Publish
Step 2) Click on Header Styles Tab.
Step 3) Select your header style
Step 4) Save & Publish
Step 2) Create your new form or you can use our form
Step 3) Copy the shortcode
Step 4) Open your page
Step 5) Add this shortcode using Text Widget
Step 6) Save
Step 2) Create your new form or you can use our form
Step 3) Copy the shortcode
Step 4) Paste your shortcode using Text Widget
Step 5) Save & Publish
Step 2) Scroll down to Footer copyrights text
Step 3) Enter your content
Step 4) Save & Publish
Step 2) Change your settings in Enable Sticky Header Feature
Step 3) Upload logo for sticky header
Step 4) Publish
Step 2) Choose your settings
Step 3) You can also upload a preloader GIF image.
Step 4) Save & Publish
Step 2) Scroll down to the last option and check it ie Use this for Blog Homepage
Step 3) Go to Settings->Reading. Select your homepage displays as Your latest posts
Step 4) Save & Publish
Step 2) Scroll down to the last option and uncheck it ie Use this for Blog Homepage
Step 3) Save & Publish
Step 2) Click on Page Settings
Step 3) Choose your option ie background color or image
Step 4) Upload image or choose color based on your selection
Step 5) Publish
Scenario 1 – Random Sale Items
I want to display four random on sale products.[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true" ]
Scenario 2 – Featured Products
I want to display my featured products, two per row, with a maximum of four items.[products limit="4" columns="2" visibility="featured" ]
Scenario 3 – Best Selling Products
I want to display my three top best selling products in one row.[products limit="3" columns="3" best_selling="true" ]
Scenario 4 – Newest Products
I want to display the newest products first – four products across one row.[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]
Scenario 5 – Specific Categories Products
I only want to display hoodies and shirts, but not accessories. I’ll use two rows of four.[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]
Step 1) Go to Appearance -> Menus
Step 2) Create a new menu named “Social Menu“
Step 3) Now on left find Custom Links to add a social icon. Check image below
Step 4) Add Site URL and link text
Step 5) Add the URL for the icon
Step 6) Set display location to Footer Social Menu. Check Image below
Step 7) After adding all the icons. Next you need to go to Appearance -> Widgets and drag the Krystalpro: Footer Social Widget to one of the Footer Column
Note: The images used in the demo are for demonstration purpose only. We recommend you to use your own images. Please check image copyrights before using an image.