Difference between revisions of "How to create and edit your store menus"

From Spiffy Stores Knowledge Base

(Created page with 'You need to link the different store sections that you create, like your collections or your blog, to your navigation menus, or they won’t show up on your website. Store menus…')
 
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
You need to link the different store sections that you create, like your collections or your blog, to your navigation menus, or they won’t show up on your website.
+
You need to link the different store sections that you create, like your collections or your blog, to your navigation menus, or they won’t show up on your website.  
  
−
Store menus are edited from your Spiffy Stores Toolbox.
+
Store menus are edited in your store's admin area.  
  
−
Log in to your Toolbox and click on the Store Menus tab to access the four standard menus that Spiffy Stores use - Top Menu, Main Menu, Side Menu and Footer.  
+
Log in to your admin area and click on the '''Store Menus''' tab to access the four standard menus that Spiffy Stores use - '''Top Menu''', '''Main Menu''', '''Side Menu''' and '''Footer'''.  
  
−
The pre-loaded menus used for each theme are listed below:
+
<html>
 +
<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>
  
−
Theme Default menus
+
==== The pre-loaded menus used for each theme are listed below:  ====
−
Georgia* Top menu, footer
 
−
Antiqua Top menu, side menu, footer
 
−
Minimal* Main menu, footer
 
−
Dream* Main menu, side menu, footer
 
−
Seattle* Main menu, side menu, footer
 
−
Showtime* Main menu, footer
 
−
Fresh Top menu, side menu, footer
 
  
−
(* You can only change which menu appears in the header section of your site if you are using Georgia, Minimal, Dream, Seattle or Showtime themes. Go to Design & Assets > Theme editor and change which menu is used in the Store Header options under Theme Settings.)
+
{| width="100%" border="0" class="wikitable"
 +
|-
 +
| '''Theme'''
 +
| '''Default menus'''
 +
|-
 +
| Simple*
 +
| Top menu, footer
 +
|-
 +
| Melbourne*
 +
| Top menu, footer
 +
|-
 +
| Adelaide*
 +
| Top menu, footer
 +
|-
 +
| Darwin*
 +
| Top menu, footer
 +
|-
 +
| Bendigo*
 +
| Top menu, footer
 +
|-
 +
| Sydney*
 +
| Top menu, footer
 +
|-
 +
| Vintage*
 +
| Top menu, footer
 +
|-
 +
| Georgia*
 +
| Top menu, footer
 +
|-
 +
| Antiqua
 +
| Top menu, side menu, footer
 +
|-
 +
| Minimal*
 +
| Main menu, footer
 +
|-
 +
| Dream*
 +
| Main menu, side menu, footer
 +
|-
 +
| Seattle*
 +
| Main menu, side menu, footer
 +
|-
 +
| Showtime*
 +
| Main menu, footer
 +
|-
 +
| Fresh
 +
| Top menu, side menu, footer
 +
|}
  
−
How to add an item to one of the standard menus
+
(* You can change which menu appears in the header section of your site if you are using the Simple, Melbourne, Adelaide, Sydney, Darwin, Bendigo, Vintage, Georgia, Minimal, Dream, Seattle or Showtime themes. Go to '''Design &amp; Assets &gt; Theme editor''' and change which menu is used in the '''Store Header''' options under '''Theme Settings'''.)
  
−
Click the “+ Add New Menu Item” link under the relevant standard menu section on the left (NOT the orange “add a new menu” button on the right).
+
=== How to add an item to a menu  ===
−
In the box that appears, type a short descriptive title in the Name of New Menu Item field. This is the title that will appear in your menu.
 
−
Underneath, select the link you want to create from the drop-down box. You have a choice of linking to:
 
−
Store Front Page - your store homepage
 
−
Product Collection - the collections you have created
 
−
Product - the products you have loaded
 
−
Page - any page you have created in the "Pages & Blogs" section
 
−
Blog - any blog you have created in the "Pages & Blogs" section
 
−
Search Page - access to the search function
 
−
Web Address - any internal or external URL. Just enter the web address in the text field. If you want to link to another part of your store, just enter the path.
 
−
If you choose Product Collection, you can also add tags. Click on the grey “Click to add filter tags…” link and type the specific tags in the box that appears.
 
−
Click the “Add item” button to finish and save your changes.
 
  
−
How to re-order your menu items
+
#Click the “'''+ Add New Menu Item'''” link under the relevant standard menu section on the left (NOT the orange “add a new menu” button on the right).
 +
#In the box that appears, type a short descriptive title in the '''Name of New Menu Item''' field. This is the title that will appear in your menu.
 +
#Underneath, select the link you want to create from the drop-down box. You have a choice of linking to:
 +
#*'''Store Front Page''' - your store homepage
 +
#*'''Product Collection''' - one of the collections you have created
 +
#*'''Product''' - one of the products you have loaded
 +
#*'''Page''' - any page you have created in the "Pages &amp; Blogs" section
 +
#*'''Blog''' - any blog you have created in the "Pages &amp; Blogs" section
 +
#*'''Search Page''' - access to the search function
 +
#*'''Collections Page''' - the page that lists all of the collections in your store
 +
#*'''Web Address''' - any internal or external URL. Just enter the web address in the text field. If you want to link to another part of your store, just enter the relative path.
 +
#Select the page you want to link to (if you have selected Product, Collection, Page or Blog).
 +
#If you choose '''Product Collection''', you can also filter the collection by the tags you have added to your products. Click on the grey “'''Click to add filter tags…'''” link and type the specific tags in the box that appears.
 +
#Click the “'''Add item'''” button to finish and save your changes.
  
−
Click on the “(Reorder)” link next to the standard menu title on the left side.
+
=== How to re-order your menu items  ===
−
Click and drag the item up or down by the cross icon to change the order.
 
−
Click on the “(Done reordering)” link at the top to finish and save your changes.
 
  
−
How to make a drop down menu
+
*Click on the “(Reorder)” link next to the standard menu title on the left side.
 +
*Click and drag the item up or down by the cross icon to change the order.
 +
*Click on the “(Done reordering)” link at the top to finish and save your changes.
  
−
If you’re using the Minimal, Georgia, Dream, Showtime or Seattle store theme, you can add drop-down menus to your store.
+
=== How to make a drop down menu  ===
  
−
Click on the “(Reorder)” link next to the standard menu title on the left side.
+
Most of our themes (except the Fresh and Antiqua themes) allow to you have drop down menus in the top menu of your store.  
−
Click and hold on the cross icon next to the item you want in the drop-down.
 
−
Drag the item to the right. It will indent from the left margin to show it’s now a sub category and will appear as a drop-down menu.
 
−
Click on the “(Done reordering)” link at the top to finish and save your changes.
 
  
−
How to delete a menu item
+
*Click on the “(Reorder)” link next to the standard menu title on the left side.
 +
*Click and hold on the cross icon next to the item you want in the drop-down.
 +
*Drag the item to the right. It will indent from the left margin to show it’s now a sub-item and will appear as a drop-down menu.
 +
*Click on the “(Done reordering)” link at the top to finish and save your changes.
  
−
Click on the rubbish bin icon on the right-hand side of the menu item line.
+
=== How to delete a menu item ===
  
−
If you need a bit more detail on editing your store menus, you may find this page useful. (http://www.spiffystores.com/kb/How_to_edit_your_Store_Menus)
+
*Click on the rubbish bin icon on the right-hand side of the menu item line.
 +
 
 +
If you need a bit more detail on editing your store menus, you may find this page useful. [[How to edit your Store Menus]]

Latest revision as of 13:51, 16 September 2022

You need to link the different store sections that you create, like your collections or your blog, to your navigation menus, or they won’t show up on your website.

Store menus are edited in your store's admin area.

Log in to your admin area and click on the Store Menus tab to access the four standard menus that Spiffy Stores use - Top Menu, Main Menu, Side Menu and Footer.

The pre-loaded menus used for each theme are listed below:

Theme Default menus
Simple* Top menu, footer
Melbourne* Top menu, footer
Adelaide* Top menu, footer
Darwin* Top menu, footer
Bendigo* Top menu, footer
Sydney* Top menu, footer
Vintage* Top menu, footer
Georgia* Top menu, footer
Antiqua Top menu, side menu, footer
Minimal* Main menu, footer
Dream* Main menu, side menu, footer
Seattle* Main menu, side menu, footer
Showtime* Main menu, footer
Fresh Top menu, side menu, footer

(* You can change which menu appears in the header section of your site if you are using the Simple, Melbourne, Adelaide, Sydney, Darwin, Bendigo, Vintage, Georgia, Minimal, Dream, Seattle or Showtime themes. Go to Design & Assets > Theme editor and change which menu is used in the Store Header options under Theme Settings.)

How to add an item to a menu

  1. Click the “+ Add New Menu Item” link under the relevant standard menu section on the left (NOT the orange “add a new menu” button on the right).
  2. In the box that appears, type a short descriptive title in the Name of New Menu Item field. This is the title that will appear in your menu.
  3. Underneath, select the link you want to create from the drop-down box. You have a choice of linking to:
    • Store Front Page - your store homepage
    • Product Collection - one of the collections you have created
    • Product - one of the products you have loaded
    • Page - any page you have created in the "Pages & Blogs" section
    • Blog - any blog you have created in the "Pages & Blogs" section
    • Search Page - access to the search function
    • Collections Page - the page that lists all of the collections in your store
    • Web Address - any internal or external URL. Just enter the web address in the text field. If you want to link to another part of your store, just enter the relative path.
  4. Select the page you want to link to (if you have selected Product, Collection, Page or Blog).
  5. If you choose Product Collection, you can also filter the collection by the tags you have added to your products. Click on the grey “Click to add filter tags…” link and type the specific tags in the box that appears.
  6. Click the “Add item” button to finish and save your changes.

How to re-order your menu items

  • Click on the “(Reorder)” link next to the standard menu title on the left side.
  • Click and drag the item up or down by the cross icon to change the order.
  • Click on the “(Done reordering)” link at the top to finish and save your changes.

How to make a drop down menu

Most of our themes (except the Fresh and Antiqua themes) allow to you have drop down menus in the top menu of your store.

  • Click on the “(Reorder)” link next to the standard menu title on the left side.
  • Click and hold on the cross icon next to the item you want in the drop-down.
  • Drag the item to the right. It will indent from the left margin to show it’s now a sub-item and will appear as a drop-down menu.
  • Click on the “(Done reordering)” link at the top to finish and save your changes.

How to delete a menu item

  • Click on the rubbish bin icon on the right-hand side of the menu item line.

If you need a bit more detail on editing your store menus, you may find this page useful. How to edit your Store Menus

Retrieved from "http://www.spiffystores.com.au/kb/index.php?title=How_to_create_and_edit_your_store_menus&oldid=9657"