Storefront Eshop Pro Documentation

Installation Of Templates

2. Click the Add New button at the top of the themes page after you've arrived there.

3. To upload a theme, click the button.

4. Select your storefront-eshop-pro theme by clicking the Browse button, then click the Install Now button.

Congratulations! Your theme has been installed successfully.

2-Theme installation through FTP.

The second installation option is to FTP-upload the theme. For the second option, first log into your website using FTP and navigate to the themes folder at wp-content. The theme you downloaded should be unzipped before being uploaded to your server.

After logging in, go to Appearance --->Themes and activate Total on your WordPress website.

Installing a plugin

Follow the procedures listed below to manually install a WordPress Plugin from a.zip archive: Upload plugin

• Install the necessary plugins:
• plugin for contact-form-7
• Click on Dashboard---> plugin---> Add New, and Upload plugin.

activate the install button after clicking it.

One-Click Demo Importer in Section

Select Dashboard --->AppearanceGet Started Start now .

Then select Run Importer

Create the Home Page.

1) To set a template, create a page--->Go to Pages in the Dashboard. New Page please.

Label your home page either as the home page or with the name of your parent site. Then select Reading from the options menu, and change the static template to home page.

2)Set the home page--->Visit Settings Reading. Set the home page as the post page display static page.

Once completed, the top page will display the entire demo.

Creating Section Ordering

How to Reorder and Arrange Section

Rearranging the sections according to our needs is known as section reordering. Select a piece first, then move it to the top or bottom as necessary. Your front view will alter according on your selection when you drape any piece.

Section Ordering will be the first thing we do.

Select Section Ordering under Appearance --->Theme Settings.

Creating Site Identity Section

With respect to Site Identity,

Select Appearance---> Customize-->Site Identity.

Creating the Topbar Section

With Topbar as the starting point,

Access the topbar option and topbar settings by going to Appearance---> Customize---> Theme Settings--->Topbar.

It will look like this in the Topbar Section.

Creating the Header Section

With Header as the starting point,

Access the Header option and Header settings by going to Appearance---> Customize---> Theme Settings--->Header.

It will look like this in the Header Section.

Creating Product Collection Section

Starting with the Product Collection Section

Access the following menus: Appearance---> Customize Theme Settings ---> Product Collection Section.

• You may choose the enable/disable option to show or hide this part by clicking on it.
• You can choose how many sliders to display by using the Number of Sliders To Show option..
• Slider Image: This is where you put the images for the slider.
• Slide text This is where you may enter the text that will appear on the slider.
• Slider Button Text: This is where you may enter the text that will appear on the slider.

This is how it will initially seem.

Creating Information Section

Beginning with Information Section

Get started by going to Appearance--->Customize --->Theme Settings ---> Information.

This is how it will initially seem.

Creating Product Tab Section

Starting with the Product Tab Section

You must first install and activate the Woo Commerce Plugin .After you enable the plugin, a section will appear on your dashboard.

Currently, you need to create a category first.

Click Dashboard tap on Product and Category.

Click Dashboard tap on Product and Add New.

Then select Customize--->Theme Settings--->Product Tab from the Appearance menu.

This is how it will initially seem.

Creating Offer Banner Section.

Starting with the Offer Banner Section

Choose Appearance Select Customize Decide on Theme Settings Offer Banner

On the front end, it will appear as shown.

Creating Deal Of The Day Section

Starting with the Deal Of The Day Section

You must first install and activate the Woo Commerce Plugin .After you enable the plugin, a section will appear on your dashboard.

Currently, you need to create a category first.

Click Dashboard tap on Product and Category.

Click Dashboard tap on Product and Add New.

Go to Appearance--->Customize --->Theme Settings--->Deal Of The Day

Front-end visuals will resemble this.

Creating Home Kitchen Section

first, let me say this Home Kitchen Section

Select Appearance ---> Theme settings can be accessed by tapping on Customize. Put Home Kitchen.

On the front end, it will appear as shown.

Creating Product Tab 2 Section

Starting with the Product Tab 2 Section

You must first install and activate the Woo Commerce Plugin .After you enable the plugin, a section will appear on your dashboard.

Currently, you need to create a category first.

Click Dashboard tap on Product and Category.

Click Dashboard tap on Product and Add New.

Go to Appearance--->Customize --->Theme Settings--->Product Tab 2

Front-end visuals will resemble this.

Creating Our Feature Section

first, let me say this Our Feature Section

Select Appearance ---> Theme settings can be accessed by tapping on Customize. Put Our Feature.

On the front end, it will appear as shown.

Creating Sale Section

first, let me say this Sale Section

Select Appearance ---> Theme settings can be accessed by tapping on Customize. Put Sale Section.

On the front end, it will appear as shown.

Creating Browse Category Section

Starting with the Browse Category Section

You must first install and activate the Woo Commerce Plugin .After you enable the plugin, a section will appear on your dashboard.

Currently, you need to create a category first.

Click Dashboard tap on Product and Category.

Click Dashboard tap on Product and Add New.

Go to Appearance--->Customize --->Theme Settings--->Browse Category

Front-end visuals will resemble this.

Creating Blog and Testimonals Section

first, let me say this Blog and Testimonals Section

Select Appearance ---> Theme settings can be accessed by tapping on Customize. Put Blog and Testimonals Section.

On the front end, it will appear as shown.

Creating Testimonial Section

Starting with the TestimonialSection,

You must first install and activate the Storefront Eshop Pro Posttype Plugin.After you enable the plugin, a Testimonial section will appear on your dashboard.

Click Dashboard tap on Testimonial and Add New Page.

To change the theme settings, go to Appearance --->Customize --->Theme Settings--->Testimonial Section

On the front end, it will appear as shown.

Creating Latest News Section

To be able to begin with Latest News Section,

Access the following menus: Dashboard--->Post--->Add New.

Access the following menus: Appearance--->Customizing---> Theme Settings---> Latest News.

This is how it will initially seem.

Creating Sponsor Section

To be able to begin with Sponsor Section

Access the following: Appearance>---> Customize Theme Settings>---> Sponsor

This is how it will initially seem.

Creating Newsletter Section

To be able to begin with Newsletter Section,

Access the following menus: Dashboard--->Contact---> Add New

Access the following menus: Appearance--->Customizing---> Theme Settings---> Newsletter

This is how it will initially seem.

Creating the Footer Section

Starting with the Footer Section,

Step 1: Navigate to the Dashboard---> Appearance ---> Widgets.

• Step 2. Choose Footer
• (a) Footer One
• (b) Footer Two
• (c) Footer Three
• (d) Footer Four
• (ii) Press the "save" button.

Go to the appearance section's widgets and choose four footer columns for the tags, gallery, contacts, and logo image, respectively, to build this area.

The widgets part is seen in the figure below.

Navigate to Dashboard --->Appearance---> Widgets. Add New

To access footer widgets, go to Appearance --->Customize --->Themes Settings---> Footer Option.

• Here, you may select the font color for the footer heading.
• You can change the font used for the footer's headings here.
• You may choose the text color for the contents of the footer by clicking here.
• Fonts for Footer Content: In this area, you may select the font for the footer's contents.
• Service display enable / disable option settings are included in the setting options.
• You can select the background color for the footer by clicking here.
• Background image: This is where you would put the footer's background image.

This is how it will initially seem.

Creating Footer Text Section

Starting with the Footer Text section,

Navigate to Appearance--->Customize--->Themes Settings---> Footer Text.

Creating Contact Section

To be able to begin with Contact Section,

Access the following menus: Dashboard--->Contact---> Add New

Access the following menus: Appearance--->Customizing---> Theme Settings---> Contact

This is how it will initially seem.

Creating Pages with sidebars and templates