Sportspot Pro

How to Install Theme?

Go to this link.

Updating theme to latest version

Go to this link to update you theme

Frequently Asked Question

Before starting please visit our Frequently Asked Question link, to know more about Full Site Editing Themes

Inserting/Adding Sportspot Pro Patterns

Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select Sportspot Pro from the dropdown menu >> Add/Insert Sportspot Pro Patterns accordingly

Patterns in Sportspot Pro

Patterns in Sportspot Pro are predefined list of in built sections. Patterns are built with different type of blocks.

You can easily add patterns in any part of your website.
You will just have to click on ‘+’ sign on top left of your page or post, then you will see tab for “Pattern” click on that to see list of patterns. Under Scroll Down you will find “Sportspot Pro” which will display list of our Sportspot Pro pattern

Pattern are group of blocks. Once a pattern is added in editor, they are now individual blocks that can be moved edited or replaced. The pattern stops being pattern as soon as it placed in the editor. The content of patterns are always saved even if the users switches theme. It might look different in different themes.

How to Open Site Editor?

If you are on WordPress Dashboard then go to Appearance -> Editor to open the Site Editor.
If you are on Site Frontend then you will see WP Admin Bar on the top of the page, click on “Edit Site” to open the Site Editor.

Patterns in Sportspot Pro

There are 33 Patterns in Sportspot Pro.
Here is the list of Patterns Sportspot Pro supports including patterns from FSE Pro Plugin.

1. 404 Header With Background
2. 404 Header
3. Archive Header With Background
4. Archive Header
5. Best Seller Price
6. Best Seller Product
7. Blog Header With Background
8. Featured Category
9. Featured Content
10. Footer
11. Footer With Four Columns
12. Footer With Three Columns
13. Header
14. Header Media
15. Header With Cart Banner
16. Header With Cart
17. Hero Content
18. 404 Content
19. Logo
20. Mobile Sticky Icon Menu
21. Modern Header With Cart Banner
22. Modern Header With Cart
23. Post Header With Background
24. Post Header
25. Product Sidebar
26. Promo
27. Recent Blog
28. Recent Products
29. Review
30. Search Header With Background
31. Search Header
32. Shop Header
33. Sidebar

Add and Edit Menu

You can Select predefined menu and create you own customized menu.
This video shows how to select predefined menu:

How to work with Sportspot Pro Blocks and Patterns

After opening site editor, there are 3 ways you can add Blocks and Pattern in you website:

There are three ways to add a block using the Block Inserter (+) icon.

1. Click on the Block inserter (+) icon in the top toolbar and Click on Patterns. Browse the Patterns and select the one that you like to add.
2. Click on the Block inserter (+) icon to the right of an empty block, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.
3. Click on the Block inserter (+) icon in between blocks, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.

Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add desired section before or after the current section.

Go to this link https://wordpress.org/documentation/article/adding-a-new-block/ to know more about adding blocks and patterns

Patterns supported by Sportspot Pro

Header Patterns

 

There are 9 different headers provided by Sportspot Pro. Here are the list of headers. You can choose header according to your need.

1. 404 Header With Background
2. 404 Header
3. Archive Header With Background
4. Archive Header
5. Blog Header With Background
6. Header
7. Header Media
8. Header With Cart Banner
9. Header With Cart

Here is how you add header to website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click select “Sportspot Pro” to see list of pattern provided by Sportspot Pro
3. Scroll down to find 8 different type of header(mentioned above), click to add desired header or drag and drop
4. After adding header, Click on Top left setting icon there you can edit the sections
5. Edit Header Accordingly you can add, images, text, cover and so on
6. Finally, click “Save” to save changes

Best Seller Product

Sportspot Lite supports Best Seller Products, in this pattern you can display the your best seller products. To use this pattern you will have to install and activate WooCommerce Plugin.
Here is how you add and edit header media:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Sportspot Lite” to see list of pattern provided by Sportspot Lite
3. Scroll down to find “Best Seller Product”, click to add or drag and drop in desired area
4. You will find list of product category, select by clicking on radio button, the best seller category will be displayed
5. Click on the content itself to change the required texts and images
6. Finally click on Save to save changes

Featured Content

Sportspot Pro support Featured Content pattern this pattern allows you to display featured products with images and text. By default your latest post is displayed in featured content, you will have to edit post to replace image and content of feaured content.
Here is how you add featured category:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Sportspot Pro” to see list of pattern provided by Sportspot
3. Scroll down and to find “Featured Content”, click to add Featured Content on your website or drag and drop
4. By default there are 2 columns of featured category available, you can edit content and image by going to post
5. Change title description and button on left by clicking on the content itself
6. For advance option click on setting button on the top right to edit Style, columns, Color, Typography and so on
7. Finally, click Save to save changes

Hero Content

Hero content in SportSpot Pro allows you to highlight particular product or event
Here is how you add hero content:

1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
   2. Select “Sportspot Pro” to see list of pattern provided by Sportspot Pro
   3. Scroll down to find Hero Content, click to add or drag and drop in desired area
   4. After adding hero content, Click on Top left setting icon there you can customizer various section such as Media Setting,Overlay Opacity, Typography, Dimensions your choice
   5. Edit Hero Content Accordingly you can add/edit, images, text, cover, button and so on
   6. Finally click “Save”, to save changes

 

Footer Four Columns

The Footer With Four Columns pattern allows you to insert a section that you can display right above your default footer. In the pattern, by default, there are four columns and you can use the columns to add quick information, useful links, recent posts and also your contact info including your social icons.

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Sportspot Pro” to see list of pattern provided by Sportspot Pro
3. Scroll down and to find “Footer With Four Columns”, click to add Footer With Four Columns on your website or drag and drop
4. Edit Footer With Four Columns accordingly by changing text, social links, add recent posts
5. Finally click Save, to save changes

Logo

Sportspot Pro supports Logo pattern this pattern allows you to add the brand and logo you are associated with.
Here is how you add Logo:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Sportspot Pro” to see list of pattern provided by Sportspot Pro
3. Scroll down and to find “Logo”, click to add Footer With Four Columns on your website or drag and drop
4. Edit Logo image by clicking on default logo image and replace it
5. Finally click Save, to save changes

How to to duplicate sections?

Duplicate section can be used if you want add similar section in your pattern.
For Example: If you want to add one more column in between your Featured Content Duplicate section can be used, as it will create similar section and you can edit the content accordingly.

Duplicate section is very easy step to add on particular sections in your pattern. It can be done in two ways via Clicking on content or Table of content (List View)

1. Step of Duplication By Clicking on content:

1. 1. Add the desired pattern, then click on the section you want to duplicate
   2. Click on the section you want to duplicate, after clicking tool bar will open and click the three buttons

image

1. After clicking on the three dots menu on the tool bar, click on the “Duplicate” option to replicate your desired section or design
2. Edit the section accordingly
3. Click on “Save” button to save your changes

2. Steps of Duplication by using List View

1. Add the desired pattern, then click on the section you want to duplicate
2. Open the “List View” tab from top tool bar, to open the table of content
3. Scroll down to the section that you want to duplicate
4. Click on three dots menu and select “Duplicate” option to replicate your desired section or design
5. Edit the section accordingly
6. Click on “Save” button to save your changes

Templates in Sportspot Pro

You can find 31 Templates provided by Sportspot Pro. You can customize these templates if you feel like changing anything on a certain template and wish to see those changes across your site.

1. All Archives
2. Archive Products: This template displays any archive, including posts by a single author, category, tag, taxonomy, custom post type, and date.
3. Blank: The blank template can be used for displaying the contents of a post or page
4. Blog (Sidebar on Left)
5. Blog (Sidebar on Right)
6. Blog Home
7. Blog Page(No Sidebar Full Width)
8. Cart
9. Checkout
10. Front Page
11. Index: Used to Displays Posts
12. Order Confirmation
13. Page:404
14. Pages: Display Single Pages
15. Product Search Results
16. Product By Attribute
17. Product By Category
18. Product By Tag
19. Search Results
20. Shop (Sidebar on Left)
21. Shop (Sidebar on Right)
22. Shop With Full Width
23. Shop With No Sidebar
24. Single Page(No Sidebar Full Width)
25. Single Page (Sidebar on Left)
26. Single Page (Sidebar on Right)
27. Single Post (No Sidebar Full Width)
28. Single Post (Sidebar on Right)
29. Single Post (Sidebar on Left)
30. Single Posts
31. Single Products

Template Parts in Sportspot Pro

There are 11 Template Parts in Sportspot Pro.

1. All Products
2. Modern Header With Cart Banner
3. Modern Header With Cart
4. Page Content
5. Post Content
6. Product Sidebar
7. Sidebar
8. Mini Cart
9. Header With Cart Banner
10. Header With Cart
11. Footer Wtih Three Columns
12. Footer With Four Columns
13. Footer