Product card
Last updated
Last updated
Customize Theme → Theme Settings → Product card
Product cards are fundamental components of a Shopify store's interface, serving as the primary means of showcasing merchandise to customers. From displaying product images to presenting essential details, the design and layout of product cards significantly influence user engagement and purchasing decisions.
Show badges*: Enables or disables the badges in the top left for the products.
Show swatches*: Enables or disables the swatches presented below the product image. Different product colors are needed.
Enable quickview*:
* Note: For illustration the above settings, please see the snippet below.
Swap image on hover: With that setting, the user can enable or disable the image swap when hovering over the product. It means that when hovering, the second image of the product will be the visible one. If disabled or no second image exists, the image will be a little bit zoomed in.
Media ratio on desktop: Gives control over the product cards' media ratio for the desktop version.
Media ratio on mobile: Gives control over the product cards media ratio for the mobile version.
Horizontal content alignment: Gives control over the horizontal positioning of all the content of the cards. One of three possibilities is to be chosen: Left, Center or Right.
Custom liquid: Тhis setting allows the users to directly put in a code into the field through which they can build a completely custom Product card subcategory.
