The template installation process is very simple. The installation process can be done in two different ways.
Open Your wordpress dashboard.
1. open Appearance - Themes as shown in the screesnhot below.
2. Now click the "Add New" button.
3. Now click on the upload button.
electronic-supermarket-pro4. Load the theme file electronic-supermarket-pro_1.0.zip (Version may vary) and proceed with the installation.
5. Now WordPress will install your theme and show you the message to "Activate" the theme.
Login to your FTP and upload the the theme folder at wp-content - themes.
As soon you activate the theme you will navigate to the Theme Setup Wizard page.
To get the demo content exactly like we have shown on our demo page, checkout the below steps.
Open Theme Setup Wizard present under Apparance menu.
Click on the "Start Now". It will list all the plugins required for this plugin under "More Info". You can check it by clicking on more info.
Click on the "Install Plugins". It will install all the required plugins
Then Click on the "Import Demo". It will import the demo exactly like we have shown on our live demo page.
Once you have done with this you can see all the demo content on front page.
Now start customizing your site as per your requirement. open Appearance - Customize - Theme Settings
Global theme and color and typography will help you to to change the color and font in a single click.
Each section contains option to set the Content, Title/Text, Text, Buttons and Background Matte palettes to the linked section depending on the number of options available.
Global color will change colors for the entire theme. Open Appearance - Customize - Theme Settings - Typography. Scroll to bottom you will see two options for color, choose both options then only it will appear on frontend as it is gradient color.
Move the section according to your requirement. Check screenshot below.
Open "Top Bar" panel present under "Theme Settings" in customizer. Update the text.
Update the custom links like My account and order tracking.
Update social icons.
Open Appearance - Customize - Site Identity and add your logo.
"All categpries" sidebar contains all the woocommerce categories. You need to create woocommerce categories from Products -> Categories. There is a woocommerce serach. Its settings will be update from the below settings.
Update my account and wishlist from here.
Update cart and language translator from here. Language translator is coming from the "Gtranslator" plugin. You can customize its look from their own settings. You can check there documetation.
Now the menu will also be created seperatly so you need to add location for this menu is "Primary Menu".
Open "Product Categories" present under the "Theme Settings" panel in customizer. Here you can change the settings of carousel and and colors.
During demo import process we install woocommerce plugin as well. Open "product" available in the dashobard navigation panel and go to the categories. All the demo "Categories" is created.
Open one of them and update its title, text and image you want you can also refer the woocommerce documentation too.
Open "Slider Settings" present under the "Theme Settings" panel in customizer. Here you can see the "Number of slides to show" settings. Which you can increase or decrease as per your needs.
Scroll to the bottom and update slide image, heading, text and button title and url. You can also the slide background color image image.
Scroll to the bottom you will see all the color options related to that section.
Open "Sale Boxes Settings" present under the "Theme Settings" panel in customizer. Here you can update each box one by one.
Update box background image, title, heading, text and link. You can link this box to page or category or anywhere you want.
Do the same for the second sale box.
Scroll to the bottom you will see all the color options related to that section.
Open "Icon Boxes Settings" present under the "Theme Settings" panel in customizer.
Update box image, title, heading, and text.
Scroll to the bottom you will see all the color options related to that section.
Checkout the below steps to change the "Best Seller" content
Open "Best Seller" from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading. Here in this section you can show the specific product so you can create category, add product in that category and select that category here. You can also limit the number of product to show.
During demo import process we install woocommerce plugin as well. Open "product" available in the dashobard navigation panel. All the demo "products" is created.
Open one of them and update its title, text and image and price and other details you want you can also refer the woocommerce documentation too.
Scroll to the bottom you will see all the color options related to that section.
Open "Home & Outdoor" present under the "Theme Settings" panel in customizer.
Update section heading and button title. You can also change the background image. Please make sure to add proper size background image.
Update box image, title, and text. Do the same for other boxes.
Scroll to the bottom you will see all the color options related to that section.
Open "Consumer Products" present under the "Theme Settings" panel in customizer.
Update section heading and button title. You can also change the background image. Please make sure to add proper size background image.
Update box image, title, and text. Do the same for other boxes.
Scroll to the bottom you will see all the color options related to that section.
Checkout the below steps to change the "Blockbuster Deals" content
Open "Blockbuster Deals" from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading. Here in this section you can show the specific product so you can create category, add product in that category and select that category here. You can also limit the number of product to show.
During demo import process we install woocommerce plugin as well. Open "product" available in the dashobard navigation panel. All the demo "products" is created.
Open one of them and update its title, text and image and price and other details you want you can also refer the woocommerce documentation too.
Scroll to the bottom you will see all the color options related to that section.
Checkout the below steps to change the "Services" content
Open Services from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Update section heading. Increase or decrease the number of boxes to show in this section.
Update each box image, title and icon. We have shown for one do the same for others.
Scroll to the bottom you will see all the color options related to that section.
Checkout the below steps to change the "Deals" content
Open "Deals of the Day" from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading.
This section is divided into two columns and both section have there own settings. Lets start with the left column.
Here in this section you can show the specific product so you can create category, add product in that category and select that category here. You can also limit the number of product to show. Also here in this section a countdown timer is showing so you need to add the sales To and From date.
During demo import process we install woocommerce plugin as well. Open "product" available in the dashobard navigation panel. All the demo "products" is created. We have selcted the category "Best Sale" here so you can open the product which belongs to this category.
Open one of them and update its title, text and image and price and other details you want you can also refer the woocommerce documentation too.
Scroll to the bottom you will see all the color options related to that section.
Now the right column, here in this section you can show the specific product so you can create category, add product in that category and select that category here. You can also limit the number of product to show.
During demo import process we install woocommerce plugin as well. Open "product" available in the dashobard navigation panel. All the demo "products" is created. We have selcted the category "Electronics" here so you can open the product which belongs to this category.
Open one of them and update its title, text and image and price and other details you want you can also refer the woocommerce documentation too.
Scroll to the bottom you will see all the color options related to that section.
Checkout the below steps to change the "Promotional Blocks" content
Open Promotional Blocks from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. .
Each box will be updated indivisualy. Lets start with the first one. Please check the below screesnhot for the reference.
Scroll to the bottom you will see all the color options related to that section.
Checkout the below steps to change the "Process" content
Open Process from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Increase or decrease the number of boxes to show in this section.
Update each box image, title and text and teh step. You can link the title with any page if you want. We have shown for one do the same for others.
Scroll to the bottom you will see all the color options related to that section.
Open Latest News present under theme settings pannel
Update section tagline, heading, increase or decreas number of news to show.
There is an excerpt setting. You can limit the number of words to be shown on the post text.
Now open Dashboard - Posts. Demo Posts added you can change it according to your requirement.
Open one of them and chnage it according to your needs.
Checkout the below steps to change the "Our Partner" content
Open Our Partner from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Increase or decrease the number of partner to show in this section. Upload partner image one by one.
Scroll to the bottom you will see all the color options related to that section.
Open Footer present under theme settings pannel
Increase or decrease number of footer section or footer columns. Update column size for all the four boxes. You can inscrease the boxes too.
Inorder to change the footer widget content. Open Appearance -> Widgets. There are four footer columns created. Open it one by one and update its data. For the navigation menues first you need to create the menu from Appearance -> Menus then from here "Navigation Menu block will show your respective menu."
Update footer column 1.
Update footer column 2.
Update footer column 3.
Update footer column 4.
Update footer column 5.
Open Copyright present under theme settings pannel
Update Copyright Text.
Open Contact present under theme settings pannel.
Update column tagline and heading. Also update the email block.
Update address, phone number from here.
Update form tagline, title and the form shortcode from here.
Now open Dashboard - Contact. Contact Page form already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.
Update map longitude and latitude.
If you want to change the default page banner then open "General Settings" present under theme settings pannel scroll to the bottom and check the settings specified in below screenshot. When you chnage the image then it will change the banner of all the pages.
But if you would like add different banner to each pages then you need to add the banner indivisualy to each page. Edit the page for example. we are editing contact page, on the bottom right side column you will see the setting of page banner. Upload the image from here.
This section contains all the settings related to blog. To access this open General Settings
This section contains all the settings related to single post page. To access this open Appearance - Customize - Theme Settings - Single Post Page
This section contains all the genearl settings. To access this open General Settings.
This section contains 404 page settings. To access this open 404 Page Settings
This section contains full and boxed layout settings. To access this open Theme Layout Settings
Here you can disable the sticky menu from the mobile or tablet view. Also you can set the width of mobile menu sidebar. To access this open Responsive Settings
Copyright © 2018 Themespride Templates. All Right Reserved.