Set up for Product Card
Steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings -> Product Card -> Set up for Product Card.
1. Product Card Image
Adapt To Image
Select the display type of media on product card: Adapt to image: the image size on product card will scale according to the image actual size. Portrait: The image of the product card will have a height more than its width. The ratio of the width and height can be adjusted with the "Image height (%)" setting below. Square: The image of the product card will be a square.
Image Height (%)
Fill in the desired ratio of the width and height of the product card media in %.
Product Image Swap
Toggle the functionality when the product card image is hovered, it will swap to the second image.
Product Image Loading Effect
Loading the display of placeholder when the image is being loaded due to lazy load.
Image Loading Effect Name
Fill in the text to be shown during the Image Loading Effect.
Product Vendor
Toggle to show or hide product vendor.
Product Price
Toggle to show or hide product price.
Product Size Variant
Toggle to show or hide product size variant.
Product Wishlist
enable product Wishlist Button
Product Wishlist Mobile
enable product Wishlist Button
Product Quick View
enable product Quick Button
Product Quick View Mobile
enable product Quick Button
Position Add to Cart, QuickView & Wishlist
Select the desired position of the add to Cart, quick view and wishlist buttons cluster either on the right or left side of product card.
Product Content Alignment
Select the desired position of content on the right or left side or center of product card.
Product Review
Toggle the display of ratings star on product card.
Product Quick View Type
Select the display type of quick view button on product card. Default: The quick view button is shown in the center of the product card when hovered. Icon: The quick view eye icon button is grouped with the wishlist button to the right of left side
Position Cart, QuickView & Wishlist
Select the desired position of the quick view and wishlist buttons cluster either on the right or left side of product card.
Last updated