Sidebar Menu Cards

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

  1. Go to Theme Settings > Layout and enable the Sidebar Layout option.

  2. In the Theme Editor, find the Sidebar group.

  3. Add Sidebar Menu Cards.

  4. 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 Featured or Categories.

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.