Collection Cards

A set of image cards that each showcase one of your store’s categories, with the category name and a shopping button - shown as a grid or a swipeable slider so visitors can jump straight into a collection.

Section Header

• Eyebrow (above title) - a short line of text shown just above the section title, handy for a small tagline such as “New Arrivals”. Leave it empty to hide it.
• Section Title - the main heading for the section.
• Section Subtitle - supporting text shown near the title.
• Header Style - whether the heading sits in the Center above the cards, or splits to sit Side by Side with the “view more” button.
• Heading Alignment - aligns the heading text to the Left, Center, or Right.
• Eyebrow Style - how the eyebrow looks: Plain text, With Line (a short line before the text), or Pill (the text inside a small rounded badge).
• Eyebrow Font Weight - how bold the eyebrow text appears, from Light to Extrabold.
• Eyebrow Color - the color of the eyebrow text. If left empty, the theme’s accent color is used.
• Badge Background Color - the fill color behind the eyebrow text. Only shows when Eyebrow Style is set to Pill.
• Title Font Weight - how bold the title text appears, from Light to Extrabold.
• Title Color - a custom color for the section title. Leave it empty to keep the default color.
• Title Pre Decoration - a small decorative touch before the title: None, a Short Bar, an Underline, or a Spark.
• Subtitle Font Weight - how bold the subtitle text appears, from Light to Extrabold.
• Subtitle Color - a custom color for the subtitle. Leave it empty to keep the default color.
• Subtitle Pre Decoration - a small decorative touch before the subtitle: None, a Soft Line, or a Spark.

Layout

• Display - whether the cards are shown in a Grid that wraps onto new rows, or as a Slider - a single row visitors can swipe or drag through, with arrows to move between cards.
• Cards per row (mobile) - how many cards appear side by side on phones, from 1 to 3. In Slider mode, this is how many cards are visible at once.
• Cards per row (tablet) - how many cards appear side by side on tablets, from 1 to 4.
• Cards per row (desktop) - how many cards appear side by side on desktop screens, from 2 to 6.

Card

• Image ratio - the shape each card image is cropped to: Portrait 3:4, Square 1:1, or Landscape 4:3.
• Show title - when on, the category name appears below each card’s image.
• Show button - when on, a full-width button appears below each card, leading to the same page as the card.
• Default button text - the label used on every card’s button, unless a card has its own button text. If left empty, the button reads “Shop Now”. Only used when Show button is on.

View More Button

• Show “View More” Button - when on, adds a button linking elsewhere (e.g. a page listing all your categories). The button only appears once a “View More” URL is filled in.
• “View More” URL - the web address the button opens.
• View More Button Text - the label on the button. If left empty, it reads “View More”.
• View More Link Position - whether the button sits Aligned with Title, or on its own Below Section, under the cards.

Cards

Each entry in this list is one card, shown in the order you arrange them.

• Category - the store category this card represents. Its name, image, and page link are used automatically.
• Custom title (optional) - a name to show instead of the category’s own name.
• Custom image (optional) - a picture to show instead of the category’s own image.
• Button text (optional) - a label for this card’s button only, replacing the Default button text.
• Button link (optional — defaults to the category) - a web address to open instead of the category page. It applies to the whole card - the image, the name, and the button all lead there.