Product card details
Product listings
Last updated
Product listings
Last updated
Go to Theme settings > Product listing to choose which product details to display on product cards, and customize how prices and discounts are displayed.
Choose to show vendor names, swatches, and an inventory status message on product cards. You can also show Product subtitles — see instructions below to set up product subtitles using metafields.
Show vendor
Display vendor name beneath the product information.
Show product subtitle
Show the product subtitle from a metafield added to your products. See the steps below.
Show swatches
Show Variant swatches on hover.
Show inventory status
Show ‘low stock’ message.
Change how the product prices and discounts are displayed.
Enlarge prices
Choose to display price text at a larger size.
Price position
Choose to display the price Below product title or Above product title. Only applies to "Grid" display mode.
Show discount
Choose to show the discount amount for sale products.
Discount format
Choose to display the discount as a percentage or dollar amount.
You can display a Product subtitle beneath the main title on product cards. This feature uses a standard “Product subtitle” metafield, which you can enable in the Custom data settings of your Shopify admin.
Note Metafields allow you to store extra information about your products. In your Shopify admin, you can create and populate custom fields for specific parts of your store (such as products). In your theme editor, you can use dynamic sources to automatically display the correct content from your metafields.