How to Install Theme?

Go to this link.

Updating theme to latest version

Go to this link to update you theme

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 Pro - Best Seller Products

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 - 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

Sportspot Pro - Hero Content

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

    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

Sportspot Pro - Footer With 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 - 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. 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

Sportspot Pro - Sports WordPress eCommerce Block Theme Templates

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