Customize how your products appear on collection pages and throughout your store.
Image Display
Image aspect ratio: Choose between Square (1:1), Portrait (2:3), Portrait (3:4), Landscape (4:3) or Natural aspect ratios. The Natural option maintains the original proportions of your product images.
Media fit: Select how images fill the card space - choose Fill to cover the entire area or Original to maintain the image's natural dimensions.
Image padding: Adjust the spacing around product images.
Layout Options
Text position: Position product information either inside the card or outside the card for better readability.
Text alignment: Align product titles and details to the Left, Center, or Right to match your store's design aesthetic.
Additional Information
Show vendor: Toggle to display or hide the product vendor name on product cards.
Show second image on hover: Enable this to show the second product image when customers hover over the card, giving them a better preview.
Show rating stars: Display product ratings directly on cards. Note: This only works with ratings via standard metafield definitions - ensure your product rating/reviews app provider follows Shopify guidelines.
Quick View
Enable quick view button: Add a quick view feature that lets customers preview product details without leaving the page.
Quick view button position: Choose where the quick view button appears (e.g., Bottom right).
Color swatches
You can enable color swatches in the product card settings panel. When enabled the color variants will be shown as color dots on the product cards, product page and in the filtering drawer.
Color option name trigger can be edited from theme translations and it defaults to "Color". Search for "color swatch identifiers" in online store "Edit Languages" view.
We suggest also adding storefront filter for the color option. Learn how to.
Custom images for color swatches
By default swatch colors are automatically generated based on the color option value. This means that e.g. black generates color black and blue creates blue:
Default color swatch for blue and black variants:
However, these default colors are not always ideal. For that reason you can override these colors by uploading a file to Files section of your store.
If you wish to override the color black, then you should create a file named black.png or black.jpg and upload it to Files. For color names with space, replace all spaces with a dash. For example "Midnight Black" should be midnight-black.png or midnight-black.jpg
Note: Make sure that file name is always written in lowercase.
Blue and black color swatches with custom images:
Variant Availability
Show variant availability: Display stock status for a single variant option. By default, this shows "Size" availability, but you can customize it through theme translations: Products > Card availability option trigger.
Advanced Settings
Metafields to show: Display additional product information from custom metafields (Add a comma separated list of "namespace.key" values). 
