# Product card details

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

<div><figure><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FP76qfK4ESDEUlcJcyQ3n%2Fproduct-listing-detail.png?alt=media&#x26;token=b8ae0cb3-7747-493a-9027-797ec29fdbb0" alt="" width="184"><figcaption><p>Card with swatches, vendor, and inventory status.</p></figcaption></figure> <figure><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FMqwAxLym7VgD7bP2w1jY%2Fproduct-listing-discounts.jpg?alt=media&#x26;token=ead33bbf-f0ad-4ae8-b116-11c8cc235826" alt="" width="375"><figcaption><p>Card with discount amount.</p></figcaption></figure></div>

### 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](#add-product-subtitles-with-metafields) to set up product subtitles using metafields.

<table><thead><tr><th width="217">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show vendor</mark></td><td>Display vendor name beneath the product information.</td></tr><tr><td><mark style="color:blue;">Show product subtitle</mark></td><td>Show the product subtitle from a metafield added to your products. <a href="#add-product-subtitles-with-metafields">See the steps below</a>.</td></tr><tr><td><mark style="color:blue;">Show swatches</mark></td><td>Show <a href="../../product-pages/variant-options/variant-swatches">Variant swatches</a> on hover.</td></tr><tr><td><mark style="color:blue;">Show inventory status</mark></td><td>Show ‘low stock’ message.</td></tr></tbody></table>

### Prices and discounts

***

Change how the product prices and discounts are displayed.

<table><thead><tr><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enlarge prices</mark></td><td>Choose to display price text at a larger size.</td></tr><tr><td><mark style="color:blue;">Price position</mark></td><td>Choose to display the price Below product title or Above product title. Only applies to "Grid" display mode.</td></tr><tr><td><mark style="color:blue;">Show discount</mark></td><td>Choose to show the discount amount for sale products.</td></tr><tr><td><mark style="color:blue;">Discount format</mark></td><td>Choose to display the discount as a percentage or dollar amount.</td></tr></tbody></table>

### 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.

{% hint style="info" %}
**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).&#x20;

In your theme editor, you can use **dynamic sources** to automatically display the correct content from your metafields.
{% endhint %}

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

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**.

</details>