Sidebar

A site-wide navigation rail down the side of your store — a persistent “Browse” menu that stays with shoppers as they move around.

What it’s for. Giving shoppers an always-there way to jump around your store — to games, sets, or filtered collections — without reopening the header menu each time. It’s a plain navigation container: you fill it with menus and text, and every link goes wherever you point it.

When to use it. Turn it on when your catalog is deep enough that the header menu alone feels cramped — most card stores. On desktop it sits as a rail beside your pages; on phones it collapses into a slide-out drawer behind a Browse button, so it never crowds a small screen.

Turning it on. The sidebar is off by default. Switch it on and choose where it shows in Theme settings → Sidebar (the gear icon in the theme editor):

  • Enable site-wide sidebar turns it on.
  • The Show on toggles pick which pages get it — home, collections, product, search, regular pages, and blog. (Home, collections, and search are on by default; product, regular pages, and blog are off, since those are usually full already.)
  • Layout sets the heading text (“Browse” by default), width, padding, and spacing; Behavior sets whether menu groups start collapsed.

Those store-wide controls live in Theme settings, not on the section — the Sidebar section itself just holds the content blocks.

Filling it. The rail is empty until you add blocks to the Sidebar section in the theme editor. There are three kinds:

  • Menu — points at one of your Shopify navigation menus (Online Store → Navigation). Top-level links show as plain links; any link that has sub-links becomes a collapsible group. To list collections, build a menu whose links point at them.
  • Sets: a set browser you don’t have to author. Pick collections (one per set) and each renders as a collapsible group with a “View all” link; two checkboxes add a link per rarity and per foil finish found in that collection. The values are read from your products, so the links stay correct as inventory changes, and each one lands on the collection already filtered. The set a shopper is currently viewing is marked active and starts open.
  • Text — a freeform rich-text note: store hours, a short blurb, a heads-up.

Add several blocks to group things — a “Games” menu, a “Sealed” menu, a text note — and drag them into the order you want.

Tips

  • Menu blocks build no links of their own; every destination comes from the menu you point them at. Point a link at a filtered collection URL to make one-click shortcuts (a single game, in-stock only, and so on). Sets blocks are the exception: their rarity and foil links are built for you from the collection’s own data.
  • It inherits your theme colors and fonts, so it matches the rest of the store with no extra styling.
  • On mobile it’s a drawer behind a Browse button at the top of the page — check it there too, not just on desktop.
  • If the rail looks empty, either no block has been added yet, or the menu you pointed it at has no links.

Blocks

This section supports blocks — repeatable content items you add, configure, and reorder inside the section.

Block: Menu

SettingTypeWhat it does
HeadingText
MenuMenuA navigation menu. Top-level links render as plain links; any link with sub-links becomes a collapsible group.

Block: Sets

SettingTypeWhat it does
HeadingText
CollectionsCollectionsEach collection renders as its own collapsible group with a “View all” link.
Link each rarityOn / offAdds a link per rarity found in the collection. Read from your products automatically — nothing to set up.
Link each foilOn / offAdds a link per foil finish (Foil, Etched, Holofoil…) found in the collection.

Block: Text

SettingTypeWhat it does
HeadingText
TextRich text

Was this page helpful?

Spotted something wrong, or want to suggest an improvement? Email support → — your message goes straight to engineering.