Collection card
General
Collection cards are used in sections like the Collection list to display collections of products. These settings ensure your collection cards are visually appealing and consistent throughout the theme.
Image Aspect Ratio
Choose the aspect ratio for collection images:
- Natural: Retains the original dimensions of the image.
- Portrait (2:3): A taller rectangular format.
- Portrait (3:4): Slightly shorter than 2:3.
- Square (1:1): A uniform square shape.
- Landscape (4:3): A horizontal rectangular format.
Tip: Keep the aspect ratio set to "Natural" if you want to maintain the original image size without forcing cropping.
Media Fit
Determine how the collection image fits within the collection card:
- Fill: The image will stretch to completely fill the space, possibly cropping parts of the image.
- Original: The image will retain its original proportions and size, without cropping or stretching.
Text Position
Control the placement of the text on the collection card:
-
Below Media:
- Inside the card: Text is placed within the boundaries of the collection card.
- Outside the card: Text appears below the collection image, creating a clean separation.
-
Overlay:
- Top: Text appears at the top of the collection image.
- Middle: Text is centered over the middle of the collection image.
- Bottom: Text is placed at the bottom of the collection image.
Text Alignment
Select the text alignment for the collection card: left, center, or right. This determines how the text is positioned within the card.
You can also choose whether to display a link arrow with the collection text, adding an interactive touch to encourage clicks.