Collection cards

Overview #

The Collection cards theme settings provide default configurations for all collection cards within the theme. These settings are essential for maintaining a consistent look and feel across the shop, ensuring that collection cards are displayed uniformly. While these settings apply globally, they can be customized at the section or block level for more specific adjustments.

Key components and functionality #

Collection cards

Default settings for all collection cards can be adjusted to fit the overall aesthetic and functionality of the shop. These settings ensure consistency in how collection cards are presented, enhancing the visual appeal and user experience.

Card style

This setting determines the visual style of the collection cards. Options include:

1. Banner: Displays the card with a banner style.
2. No image: Removes the image from the card.
3. No padding: Eliminates padding around the card.
4. Padding: Adds padding around the card. Default: Padding

Image aspect ratio

This setting controls the aspect ratio of images within the collection cards. Options include:

1. Default: Uses the default aspect ratio.
2. Landscape: Sets the image to a landscape orientation. Default: Landscape
3. Portrait: Sets the image to a portrait orientation.
4. Square: Makes the image square.
5. Widescreen: Uses a widescreen format.
6. Ultrawide: Uses an ultrawide format.

Card button style

This setting defines the style of buttons on the collection cards. Options include:

1. Primary: Uses the primary button style.
2. Secondary: Uses the secondary button style.
3. Extra large: Displays a larger button.
4. Plain: A simple, plain button. Default: Plain
5. Small: A smaller button.
6. Small secondary: A smaller secondary button style.

Card text

This setting specifies the text displayed on the collection cards. Options include:

1. Title and excerpt: Shows both the title and a short excerpt. Default: Title and excerpt
2. Excerpt only: Displays only the excerpt.
3. Title only: Displays only the title.
4. No text: Removes text from the card.

Card text horizontal alignment

This setting aligns the text horizontally within the card. Options include:

1. Left: Aligns text to the left. Default: Left
2. Center: Centers the text.
3. Right: Aligns text to the right.

Card text vertical alignment

This setting aligns the text vertically within the card. Options include:

1. Top: Aligns text to the top.
2. Middle: Centers the text vertically.
3. Bottom: Aligns text to the bottom. Default: Bottom

Usage examples #

1. Creating a consistent look: By setting a default card style and image aspect ratio, you can ensure that all collection cards maintain a uniform appearance, which is crucial for brand consistency.

2. Highlighting specific collections: Use the card button style to draw attention to particular collections by choosing a more prominent button style, such as "Extra large" or "Primary."

3. Optimizing for readability: Adjust the card text settings to ensure that important information is visible and easy to read, such as using "Title and excerpt" for more detailed descriptions or "Title only" for a cleaner look.

These settings provide a flexible framework for customizing the appearance and functionality of collection cards, allowing for a tailored shopping experience that aligns with the overall theme of the shop.