The Sidebar Menu Cards section displays navigation cards in the page sidebar. It can be used to highlight collections, categories, or important store links for quick access.
Important: This section is only displayed when Sidebar is enabled in Theme Settings and Sidebar Menu Cards is added to the Sidebar group.
1. How to enable
Go to Theme Settings > Layout and enable the Sidebar Layout option.
In the Theme Editor, find the Sidebar group.
Add Sidebar Menu Cards.
Add one or more Menu Card Box blocks.
2. Sidebar Menu Cards settings
Setting | Description |
|---|---|
Gap between cards | Controls the spacing between Menu Card Boxes. |
Display colors by section | Uses section-specific colors instead of the default theme colors. |
Background image | Adds a background image to the section. |
Section spacing | Adjusts margin and padding for desktop and mobile. |
Custom CSS | Adds custom styling for this section. |
3. Menu Card Box
Each Menu Card Box creates a separate navigation card in the sidebar.
Setting | Description |
|---|---|
Card Header Title | Sets the title displayed at the top of the card, such as |
Select Navigation Menu | Selects a Shopify navigation menu to display. |
Select Collection List | Selects collections to display in the card. Collection List is prioritized over the Navigation Menu when configured. |
Card Corner Radius | Controls the roundness of the card corners. |
Header Corner Radius | Controls the roundness of the card header. |
Icon Size | Adjusts the size of icons or images displayed with menu items. |
You can add multiple Menu Card Box blocks to create different groups, such as Featured, Categories, or other navigation menus.
