Product card

Change layout, content and display variant options

Steps

Layout & image

There are 5 styles to select from:

Style 1

Style 2

Style 3

Style 4

Style 5

The product card's content can be set as center-aligned, left-aligned, or right-aligned.

Set the suitable Aspect ratio for your image card. There are 4 options:

For products without images, you can set a default thumbnail by uploading an image or selecting one from your Shopify Files.

Enable or disable showing variants in product items and how they display on the front store.

Only one product option can be shown on the product card.

Control what to show on the product card.

Add to cart button: Allows customers to add items to the cart without leaving the current page.
Quickview button: Enables customers to preview product information without navigating to the product page.
Wishlist button: Lets customers add their favorite products to a list for future reference.
Compare button: Allows customers to add products to a comparison page to review differences and similarities among store products.
Countdown: Displays the time remaining for an event related to the product, such as a release or discount.
Show product inventory: Displays the product inventory as configured in Theme settings > Product inventory.
Actions when clicking Select options button: Either opens a "Select options" dialog or redirects to the product page, depending on configuration.

Show vendor: display vendor/brand names under the product title.
Capitalize product name.
Product title line limit: control the maximum line of the product titles as No limit/1 lines/2 lines/3 lines.