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.

Product details

Choose to show vendor names, swatches, and an inventory status message on product cards. You can also show Product subtitlessee 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.

Prices and discounts

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.

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.


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.

Last updated