Electronics Storefront Pro Documentation

Installation Of Templates

The process of installing a template is very simple. The installation procedure can be completed in one of two ways.

1-Utilize the WordPress admin for installing a theme

Logging into your WordPress admin panel is the first step. then select

1. Select Appearance ---> Themes from the menu.

2. Once there, click the Add New button at the top of the themes page.

3. To upload a theme, click the button.

4. After choosing your electronics-storefront-pro theme through the Browse button, click Install Now.

Congratulations! Your theme has been installed successfully.

2-Theme installation through FTP.

The theme can be uploaded via FTP as the second installation method. To access the second option, first use FTP to log into your website and Navigate the wp-content/themes file. It is necessary to unzip the theme you downloaded before uploading on your server.

Navigate to Appearance --->Themes after logging in to your WordPress website and activate Total.

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

Import sample content with a single click to set up your theme. You can follow the instructions in this article to build your website.

Select Dashboard --->Start Theme Wizard Start now .

Then select Run Importer

Create the Home Page.

1) To set a template, create a page--->Navigate 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 Site Identity Section

With respect to Site Identity,

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

Creating header section

Starting with the Header,

You must add pages from for the menu.

You must add pages from for the menu.

Access the menu under Appearance. add new

If you wish to add more pages, follow the same procedures again.

This will allow you to include the menu area..

Creating Slider Section

Starting with the slider

First Create Category

Access the following menus: Appearance---> Customize Theme Settings ---> Slider Post Settings.

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.

It will appear like this at first.

Creating Offer Section

Beginning with Offer Section

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

It will appear like this at first.

Creating an Trending Product Section

To be able to begin with Trending Product Section

For Trending Product section Setup :-

First Go to ---> Dashboard ---> Product ---> Add New Post

Select Appearance → Tap On Customize → Theme Settings → Trending Product

In the front, it will manifest as shown.

Creating Services Section

Starting with Services Section

For the service section you have to install the Electronics Storefront Pro Posttype Plugin

Select Dashboard → Tap On Service → Add New

It will appear like this at first.

Creating Best Seller Section

To be able to begin with Best Seller Section

First Go to ---> Dashboard ---> Product ---> Add New Post

Select Appearance → Tap On Customize → Theme Settings → Best Seller

In the front, it will manifest as shown.

Creating Collection Section

Starting with Coollection Section

Select Appearance → Tap On Customize → Theme Settings → Collection

It will appear like this at first.

Creating Vide Section

Starting with Vide Section

Select Appearance → Tap On Customize → Theme Settings → Video section

It will appear like this at first.

Set-up Testimonials Section

To be able to begin with Testimonial Section,

You must first install and activate the Electronics Storefront Pro Posttype Plugin.

Select Dashboard → Tap On Testimonial → Add New

Select Select Appearance → Tap On Customize → Theme Settings → Testimonial Section.

In the front, it will manifest as shown.

Creating Explore Section

Starting with the Explore Section

Choose Appearance Select Customize Decide on Explore Section

Front-end visuals will resemble this.

Creating Latest News Section

Starting with the Latest News Section

To create product,go to Dashboard → Post → Add New

Select Appearance → Tap On Customize → Theme Settings → Latest News

Front-end visuals will resemble this.

Instagram Section

For Instagram section Setup Follow The below steps to display Post:-

Go to ---> Dashboard ---> FT Social ---> Add New Feed

Click on Login and get my access token ---> Provide your instagram ID and password.---> Click on allow button for feed them social plugin.

Click on Create my instagram feed Button. ---> Set rows and columns and size of your choice.

click on update. ---> Click on Create my instagram feed Button. ---> Copy Shortcode from right sidebar and paste in customizer.

Now Go to ---> Appearence ---> customize ---> Theme Settings ---> Instagram Option

Front End Look For Instagram Section is as below.

Creating Section Newsletter

After you enable the plugin, a Contact section will appear on your dashboard.

Select Dashboard → Tap On Contact → Add New

Select Appearance ---> Theme settings can be accessed by tapping on Customize

On the front end, it will appear as shown.

Creating Contact Section

Installing the contact form 7 plugin is necessary before moving on to the Contact Us section. after the contact form 7 plugin installation. On the Dashboard, contact choices become apparent.

Click Dashboard---> Contact and Add New Page.

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

It will appear like this at first.

Creating the Footer Section

Let's begin with the Footer Section,

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

Second Step. Choose Footer

(a) Footer One

(b) Footer Two

(c) Footer Three

(d) Footer Four

(ii) Press the "save" button.

To create this section, choose the footer widget from the appearance section widgets that correspond to the tags, gallery, contacts, logo image, respectively.

The widgets part is seen in the figure below.

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

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.

It will appear like this at first.

Creating Footer Text Section

Starting with the Footer Text section,

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

Here, you can choose the enable/disable option to either show or conceal the part.

Creating Navigation

First, build pages by clicking on Dashbord --->Pages ---> Add new page.

Navigate to Appearance → Menu

Make a new menu link by clicking on it.

In the Menu name column, give the menu a name, then click the Save Menu button.

After creating a menu. You must add pages by checking the appropriate box. You can drag and drop the menu list into the order of your choice after adding it.

From the checkboxes below, select the menu theme location.

If the primary menu option is selected, the menu will display in the header, if the footer checkbox is selected, the menu will appear in the footer.

You can look at the screenshots to get a better understanding.

Creating Pages with sidebars and templates

Page Templates

A template page with a left sidebar is called a Page with Left Sidebar.

A template page with a right sidebar is known as a Page With Right Sidebar.

Organic templates with one column and no sidebar an Organic full width extend

Organic designs without a sidebar and with a single column Organic Full Width Extend

Organic With Left Sidebar Organic designs with a left sidebar

Right Sidebar Organic Templates an Organic templates with a right sidebar

Template for Contacts a No sidebar contact template

The standard home page template with a right sidebar is called the Home Page Template.

Creating Post Formats, Categories, and Posts

Including a category

Access your WordPress (Dashboard) by logging in..

On the Posts tab, click.

After completing that, select Categories for Organic Posts.

The name of your new category in the text box

After that, click the Add New Category button.

Select Publish from the menu.

Establishing an Organic post

Access your WordPress (Dashboard) by logging in.

On the tab, click. Posts tab, click.

To add a new tab, click it.

Enter the text for your post.

Creating Widgets