Product card details

Product listings

Go to Theme settings > Product listing to choose which product details to display on product cards, and customize how prices and discounts are displayed.

Card with swatches, vendor, and inventory status.

Card with discount amount.

Product details

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.

Setting	Description
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.

Prices and discounts

Change how the product prices and discounts are displayed.

Setting	Description
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.

Add product subtitles with metafields

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.

STEPS

In your Shopify admin:

1. Go to Settings > Custom data.

2. Select Products.

3. Click Add definition.

4. In the Name field, search and select “Product subtitle”.

   The Product subtitle is a standard metafield, which means it’s automatically configured by Shopify and design to be compatible across all Shopify stores.

5. (Optional.) You can choose to enable Features to expand how you can use the metafield in your Shopify admin.

   To use this metafield as a filter for searching your products in the Shopify admin, select Use as filter in admin.

   To allow this metafield to be used for creating automated collections, select Use in automated collections.

6. Click Save.

To populate the Product subtitle metafield:

1. From your Shopify admin, go to Products and open the products that you want to add subtitles.

2. Scroll down to the Metafields area, and enter a short subtitle in the Product subtitle field.

3. Click Save.