Soccer Sports Pro Documentation

Setup Theme

Template installation is very simple process.

You can also install your theme using WP Admin

he first task is to log in to your WordPress admin area. Next, click on

1. In dashboard click on Appearance >> Themes

2. Click on the Add New button at the top of the themes page once page is loaded

3. Click the button labelled as 'Upload Theme'.

Select the soccer-sports-pro.zip theme from the Browse Button, then click the Install Now button

5. WordPress will now install your theme and display a success message, as well as a link to activate or to see the live preview. Congratulations on completing the installation of your theme.

Demo Importer -

Follow below instructions to setup soccer-sports-pro theme.

In the Dashboard, go to Appearance >> Soccer Sports Pro Themes Setup

Once you are on the Soccer Sports Pro themes setup, click on the start button.

As the demo importer process finish then check your site, all the content will imported and theme will display like live demo.

Kirki

Plugin download link kirki

Contact Form 7

Plugin download link contact-form-7

TI WooCommerce Wishlist

Plugin download link TI WooCommerce Wishlist

Setup Menu

In the dashboard, go to Appearance >> Menu

From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.

Select Create a new menu at the top of the page. Enter a name for your new menu in the Menu Name box. Click the Create Menu button.

Your new custom menu has now been defined.

Adding Items to a Menu

Select the Pages that you want to add by clicking the checkbox next to each Page's title.

Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

Click the Save Menu button once you've added all the menu items you want.

Your custom menu has now been saved.

In front end, it will look like this.

Top Header Setup & Menu Setup

In order to proceed with you can follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Header Settings

You can set Get Started text and url, you can follow the instructions given below.

In front end, it will look like this.

Logo Setup

In order to proceed with Theme Logo setup, you can set site title and tagline, follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Site Identity >> Logo Or Set Title and Tagline You can also Enable / Disable Site Title and Tagline

In front end, it will look like this.

Homepage Slider Section

Homepage Slider Settings

In order to proceed with Theme Homepage slider Settings , you can set slide show , follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Slider Settings

You can set heading, content, image. You can choose from this options for each slider option.

You can set button text and url. You can choose from this options for each slider option.

In front end, it will look like this.

Our Collections Settings

Our Collections Settings

Fetch Categories

Important Step: Install WooCommerce plugin in your wordpress.

In the Dashboard, go to Products >> Categories >> Add New

This screen is divided into 2 sections, the Add New Category and category table sections.

All of the categories are listed in this table. Categories are organized alphabetically and hierarchically.

Follow the instructions given below to setup Category Settings.

Once you have done with this you will see the categories on your theme customize.

In this section, you have to add new category for each product.

Fetch Product

In the Dashboard, go to Products >> Add New

In order to proceed with Products Settings, You can set product title, product description, price and image. And select which category you want this product to show.

Follow the instructions given below to setup product settings.

In the Dashboard, go to Products >> Add New

You can make multiple product for category.

In order to proceed with Our Collections Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Our Collections Settings

In front end, it will look like this.

Soccer Training Settings

Soccer Training Settings

In order to proceed with Soccer Training Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Online Soccer Training Settings

You can select number of tab to show in section. You can select text and actor name , and select images , you can set url for each feature settings.

In front end, it will look like this.

Hot Products Settings

Hot Products Settings

Fetch Product

In the Dashboard, go to Products >> Add New

In order to proceed with Products Settings, You can set product title, product description, price and image. And select which category you want this product to show.

Follow the instructions given below to setup product settings.

In the Dashboard, go to Products >> Add New

You can make multiple product for category.

In order to proceed with Hot Products Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Hot Products Settings

You can set heading and sub heading for section.

In front end, it will look like this.

Offer products Settings

Offer products Settings

Fetch Product

In the Dashboard, go to Products >> Add New

In order to proceed with Products Settings, You can set product title, product description, price and image. And select which category you want this product to show.

Follow the instructions given below to setup product settings.

In the Dashboard, go to Products >> Add New

You can make multiple product for category.

In order to proceed with Offer products Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Offer products Settings

You can set heading and sub heading for section.

In front end, it will look like this.

Join Us Settings

Join Us Settings

In order to proceed with Join Us Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Join Us Settings

You can set heading and sub heading for section. You can choose from this options for each Join Us Settings.

Important Step:- Contact Form-7 plugin is necessary for creating a Join Us form.

You create a form for Join Us, so this contact form-7 shortcode paste in customizer in the Join Us setting.

In front end, it will look like this.

Best Seller Settings

Best Seller Settings

Fetch Product

In the Dashboard, go to Products >> Add New

In order to proceed with Products Settings, You can set product title, product description, price and image. And select which category you want this product to show.

Follow the instructions given below to setup product settings.

In the Dashboard, go to Products >> Add New

You can make multiple product for category.

In order to proceed with Best Seller Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Best Seller Settings

You can set heading and sub heading for section.

Set show text and url. You can choose from this options for each Best Seller Settings

In front end, it will look like this.

Partner Settings

Partner Settings

In order to proceed with Partner Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Partner Settings

In front end, it will look like this.

Latest News Settings

Latest News Settings

Fetch Posts

In the Dashboard, go to Posts >> Add New Post

In this section, you have to add new posts.

In order to proceed with Latest News Settings, You can set title, content, image. And select which category you want this services to show.

Follow the instructions given below to setup Latest News Settings.

You can make multiple latest news.

In order to proceed with Latest News Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Options >> Latest News Settings

You can set heading and sub heading for section.

In front end, it will look like this.

Footer Setup Section

There are four columns in the footer. Any widget can be added there.

1. In the Dashboard, go to Appearance >> Widgets

To add widgets to the footer, see the screenshot below.

You can add footer columns by selecting widgets such as text, images, Recent posts and so on, which allow you to quickly add text or images of your choice.

In order to manage content for footer and add some widgets, navigate to, follow the instructions given below.

2. In the Dashboard, go to Appearance >> Widgets >> Footer Sidebar

Your footer will appear like this once you have added widgets to it.

Footer Copyright Text

Copyright Text

In order to proceed with footer Settings, You can fill the copyright content to footer copyright Settings.

In front end, it will look like this.

Setup Background

Background Settings

In order to proceed with Background Settings follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Background Settings >> Our Collection Section

You can set background color for section. You can choose from this options for each Background Section.

In front end, it will look like this.

Setup Theme Font Style

Typography Options

In order to proceed with Typography Options, you can change complete font style just one click. follow the instructions given below.

You can change heading and body font style

In the Dashboard, go to Appearance >> Customize >> Typography Options

In front end, it will look like this.

Setup Theme Color

Color Options

In order to proceed with theme color option, you can change complete font color and button background and border color on just one click. follow the instructions given below.

In the Dashboard, go to Appearance >> Customize >> Theme Color Option

In front end, it will look like this.

Setup Contact Page -

Follow these instructions to setup contact page.

Make a page to set the template: In dashboard, click on Pages >> Add New Page

Name it "Contact" or whatever you want. Then, from the template dropdown, select the "contact page template."

The Page Attributes section provides your page a parent page and a template.

How to Construct a Contact Form -

The Contact Form 7 plugin is installed in the usual way. Click Plugins > Add New in the WordPress dashboard and type Contact Form 7 in the Search box. From the search result, select the plugin and click the Install Now option.

From the admin panel, just go to Contact > Contact Forms to create a Contact Form. There is a list of the forms that are available, though there are none, at now

You may also create your own contact form by clicking on the Contact >> Add New

Building a new form of contact -

Scroll to Form and give this new contact form a name. You can make modifications to contact form template from here.

The multiple fields which will display on your form, as well as the labels that will be next to those fields, are defined by the template.

When you are done with changes, click Save.

A key step is to copy the Shortcode that displays next to your contact form. This is displayed in the form editor as well.

Contact Form and Location Section

In the Dashboard, go to Appearance >> Customize >> Contact Page Settings >> Contact Form and Location Section

You can set heading, content and location. You can choose from this options for each Contact Page Settings.

Place the Contact Form-7 shortcode code in customize option.

You can set location

In front end, it will look like this.