Big Cartel Theme Support

How do I edit my navigation menus in my Big Cartel admin?

How do I edit my navigation menus in my Big Cartel admin?

Your Aarcade theme displays your shop navigation links in three main areas, the Page Menu, Category Menu and Footer Menu. The support article An introduction to navigation menus illustrates and introduces these areas and other special menu terms with more detail.

Ignoring all of this information, your menu areas will still function with the following default behaviour:

If you wish to do more with your menus, the following sections of this article explain how to use the special menu controls, built into your Aarcade theme, to move links to different menu areas, hide links, add links to your home page, contact page, all-products (“shop”) page, web site and much more.

The Pages panel

Click the Customize design link in your Big Cartel admin area to launch your customisation tools. Should you ever experience any issues in this area, like a disconnect between viewing your shop normally compared to in the preview window, please refer to Troubleshooting the Big Cartel Customize design (preview) admin area.

Getting started with your new Aarcade theme at Aarcade

The Pages panel is used to:

  1. Add new pages.
  2. Re-order pages by clicking and dragging the cross arrow icons.
  3. Delete pages.
How do I use the Big Cartel "Customize design" area with my Aarcade theme? at Aarcade

The links to these pages will be automatically displayed in your Page Menu. With Aarcade themes, you can also create submenus, special menu items and custom content with your page controls.

Don’t forget to click the Save link after making changes in your Pages panel.

Subpage menus

Subpage menu items are created by adding a hyphen to a page name in the format:

Parent Page Name - Subpage Name

Note that there must be a space on either side of the hyphen.

For example, in our screenshot, the page About Us has three subpages in its submenu:

How do I edit my navigation menus in my Big Cartel admin? at Aarcade

Note that we have dragged the order around to have the parent page appear directly above the subpages. You do not have to do this, but it is recommended to keep things neat and tidy for future editing. If the order of these pages was mixed up, the parent and subpage menu would be located wherever the first member item is found.

Parent not required

Your subpages do not need a parent page to be present and, in many cases, a parent is not desired. In our example, this would be achieved by deleting the page named About Us, leaving only the subpages.

When no parent page is present, the result displayed in your shop menu is exactly the same. The only difference is that the parent page link can not be clicked, i.e. it is no longer a link to a page.

Ordering and moving items between menus

Aarcade special menu items (detailed in later sections of this article) are created by adding an x-sp-something prefix to a page name. If you haven’t already created the following fundamental special menu items, do so now.

  1. Add a new page, enter the page name x-sp-divider-a, leave the page content blank and click the Done button at the top of the panel
  2. Repeat step 1 with the page name x-sp-divider-b
  3. Repeat step 1 with the page name x-sp-divider-c

These special items are the dividers between your main menu areas.

Once you have added your menu dividers, you can re-order your pages — including dividers and other special menu items — at any time with the following in mind:

  • The order you create in your Pages panel, will be reflected in the menu areas of your shop.
  • Any page located above x-sp-divider-a will appear in your Page Menu.
  • Any page located between x-sp-divider-a and x-sp-divider-b will appear in your Category Menu. This is in addition to the category links that will be automatically displayed in this menu.
  • Any page located between x-sp-divider-b and x-sp-divider-c will appear in your Footer Menu
  • Any page located below x-sp-divider-c will be hidden, i.e. not displayed in any menu.
How do I edit my navigation menus in my Big Cartel admin? at Aarcade

Special menu items

Special menu items provide extended menu control and theme functionality. A special menu item is created by adding a x-sp-something prefix to a page name, where something defines the type of special menu item.

The pages x-sp-all Shop, x-sp-categories and x-sp-contact Contact Us are some of the special menu items in our example screenshot above.

To create any of the following special menu items, add a new page, set the page name and content as described and then save your changes.

Where page name formats accept a page name appended, your name may be in the subpage format if desired. For example:

x-sp-something Parent - Subpage

The x-sp-divider special menu items are the dividers between the main menu areas in your Page panel. See section Ordering and moving items between menus above.

Page name format:

Must have -a, -b, -c or -d appended. For example:

x-sp-divider-b

Page content format:

The page content is ignored.

The x-sp-home special menu item adds a link to your home page.

Page name format:

Must have your desired page name appended with a separating space. For example:

x-sp-home Home

Page content format:

The page content is ignored.

The x-sp-all special menu item adds a link to your all-products page.

Page name format:

Must have your desired page name appended with a separating space. For example:

x-sp-all View All

Page content format:

The page content is ignored.

The x-sp-contact special menu item adds a link to your contact form page.

Page name format:

Must have your desired page name appended with a separating space. For example:

x-sp-contact Contact Us

Page content format:

The page content is ignored.

The x-sp-link special menu item adds a custom link to the URL you define.

Page name format:

Must have your desired page name appended with a separating space. For example:

x-sp-link About Us - Our Blog

Page content format:

Switch to HTML edit mode and clear all default content.

Page content can be any valid URL to be used for the custom link. For example, an absolute URL, i.e. starts with http:

http://www.google.com

Or a relative URL, i.e. links within the subdirectories of your shop and starts with /:

/product/colorblock-crew-sweatshirt

If you would like your link to open in a new window, add ##nw to the end of your URL. For example:

http://www.apple.com/mac/##nw

Your product category links are automatically displayed at the end of the Category Menu area. The x-sp-categories special menu item acts as a placeholder for all of your category links. By adding a x-sp-categories page you can move your category links within your menus as you do with any other page.

Page name format:

Can be entered without a name appended. In this case category links are displayed inline in the menu area:

x-sp-categories

Can be entered with your desired page name appended with a separating space. In this case, category links are displayed as a submenu (typically a dropdown menu) under the page name used:

x-sp-categories Products

Page content format:

The page content is ignored.

Your artist category links are automatically displayed at the end of the Category Menu area, after standard category links. The x-sp-artists special menu item acts as a placeholder for all of your artist category links. By adding a x-sp-artists page you can move your artist category links within your menus as you do with any other page.

Page name format:

Can be entered without a name appended. In this case category links are displayed inline in the menu area:

x-sp-artists

Can be entered with your desired page name appended with a separating space. In this case, category links are displayed as a submenu (typically a dropdown menu) under the page name used:

x-sp-artists Brands

Page content format:

The page content is ignored.

The x-sp-search special menu item adds a link that, when clicked, will launch a search input in a modal window (i.e. popup).

Page name format:

Must have your desired page name appended with a separating space. The name used for the page will appear as the placeholder text in the search input. For example:

x-sp-search Search

Page content format:

The page content is ignored.

The x-sp-modal special menu item adds a link that, when clicked, will launch the page content in a modal window (i.e. popup).

Page name format:

Must have your desired page name appended with a separating space. For example:

x-sp-modal Signup to our Newsletter

Page content format:

Any properly formed HTML content is acceptable. Any script will be stripped from the content, to avoid conflicts.

Text translation

The x-sp-translate is a special page that is used to translate text built in your theme, e.g. ‘Add to Cart’ button text, ‘There are currently no products available in this category.’, etc.

Must be equal to:

x-sp-translate

Page content format:

Refer to How do I edit the text built into my theme, like button text and messages?

Home URL

The x-sp-home-link special menu item redefines the URL used as the Home link throughout your shop. In other words, clicking the header or home links in your shop will go to this URL rather than the default root, i.e. /, of your shop URL.

Page name format:

Must be equal to:

x-sp-home-link

Page content format:

Switch to HTML edit mode and clear all default content.

Page content can be any valid URL to be used for home links - see notes for Custom link above.

A relative link — starting with / — is typically more desirable for your replacement home URL. For example:

/products

The x-sp-gift special menu item adds a link to your PayPal gift certificate purchase page. You should only use this item if you have PayPal checkout enabled, allowing customers to use their gift certificates during checkout.

Page name format:

Must have your desired page name appended with a separating space. For example:

x-sp-gift Gift Certificates

Page content format:

Switch to HTML edit mode and clear all default content.

Page content must contain the following line - replace my@email.com with your PayPal account email address:

paypal=my@email.com

Optionally, one or both of the lines defining a minimum and maximum value for your certificates can be added:

paypal=my@email.com
min=10
max=200

Referring to previews

If you wish to replicate the menu links and other custom content shown in our previews, you can do so by using the method detailed in our support article How do I add pages as seen in Aarcade previews, like FAQ, About Us, etc.?

AarcadeHow do I edit my navigation menus in my Big Cartel admin?