Difference between revisions of "Sub-categories"

From Spiffy Stores Knowledge Base

(Created page with "Rather than categories, and sub-categories, Spiffy Stores uses Collections. A collection is where you bring together all similar products and present them together so tha...")
 
Line 7: Line 7:
 
<iframe src="https://player.vimeo.com/video/523999241?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="1250" height="703" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="simple-theme-mega-menus"></iframe>
 
<iframe src="https://player.vimeo.com/video/523999241?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="1250" height="703" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="simple-theme-mega-menus"></iframe>
 
</html>
 
</html>
<br><br>The Simple theme supports up to 4 levels of drop-down menus. This should be plenty.  If you have more complex menu requirements, then you'll likely want to create a mega menu.  Instructions for creating a mega menu can be found below.
+
<br><br>Most of our themes support up to 4 levels of drop-down menus. This should be plenty.  If you have more complex menu requirements, then you'll likely want to create a mega menu.  The [[Simple| The Simple Theme Guide]] and [[Adelaide| The Adelaide Theme Guide]] themes support mega menus.
  
 
There's no mucking about with code to get your drop-down menus working. You can create them simply by following the simple steps below. One important note though... <span style="color: #ff6b00;">you can't create links to nothing!</span>  If you haven't created the page or collection you want to link to, you need to create them first.<br><br>
 
There's no mucking about with code to get your drop-down menus working. You can create them simply by following the simple steps below. One important note though... <span style="color: #ff6b00;">you can't create links to nothing!</span>  If you haven't created the page or collection you want to link to, you need to create them first.<br><br>

Revision as of 09:24, 13 September 2021

Rather than categories, and sub-categories, Spiffy Stores uses Collections. A collection is where you bring together all similar products and present them together so that your customers can easily browse and find exactly the right products for them to buy. A product can be in a number of collections.

If you want to create a hierarchy of categories, and subcategories, you can do this simple by using menus.

Creating drop-down menus



Most of our themes support up to 4 levels of drop-down menus. This should be plenty. If you have more complex menu requirements, then you'll likely want to create a mega menu. The The Simple Theme Guide and The Adelaide Theme Guide themes support mega menus.

There's no mucking about with code to get your drop-down menus working. You can create them simply by following the simple steps below. One important note though... you can't create links to nothing! If you haven't created the page or collection you want to link to, you need to create them first.

First item

  1. Log in to your store's Toolbox and go to the "Store menus" tab
  2. Scroll down to the "Top Menu" section, and click "Add new Menu Item"
  3. Type in the name of your menu item
  4. Select whether you want your menu item to link to a page, product, or collection
  5. A new list of options will appear. Select the name of your page that you want to link to.
  6. Click the "Add menu item" button to save.


Sub item

  1. Create another menu item the same way you created one above
  2. Click the "Reorder" link
  3. Click and drag the item you want to drop down to the right (so it sits directly underneath and to the right of the one above - see example)
  4. Click "Done reordering"

Previewing your store should show your second item as a drop-down. You can do this with multiple levels, and re-arrange your menus by dragging items up, down, left, or right whilst you're in "re-order" mode.