Product Card
Global Volume product card settings: variant price updates on swatch click, pills for variants and linked products, sizes display, and media filtering.
Last updated
Was this helpful?
Global Volume product card settings: variant price updates on swatch click, pills for variants and linked products, sizes display, and media filtering.
When this setting is enabled, clicking on Color swatch pills displayed in the product card content will update:
Badges
Price
Size (if displayed)
Pills The Pills: Variants / Linked Products / Both setting allows you to configure how Color pills are displayed.
Available Sizes To display the available sizes for a variant within the product card content, fill in the Size label field with the option name that represents size.
Enable Show images only for selected variant to display only images of the selected variant in the product card.
Important: Additional setup is required.
Below, you can configure the Media ratio and Focal point for product media.
If your product images have different aspect ratios and you want them to be fully visible without cropping, enable Fit media inside container and adjust the padding using the Container inner spacing range.
You can also set a placeholder for products without images.
In addition to the default style for product card content, an additional small style has been added.
In some sections, such as Card drawer, product cards are set to small by default. However, in most cases, you can choose the display style using the Content style: Regular / Small setting in the section settings under the Product card heading.
Last updated
Was this helpful?
Was this helpful?