# Product information

<figure><img src="/files/UIdTrIdPIevH4A7trE5X" alt=""><figcaption></figcaption></figure>

Add, edit, or remove any information on your product pages. Accurate, reliable, and in-depth product details help customers find the information they need to make buying decisions.

## How to add a Product information section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector.
2. Select **Products**, then **Default product.**
3. On the left sidebar, add **Product information.**
4. Make necessary changes > **Save.**
   {% endhint %}

<figure><img src="/files/SBYoXPPTsw2UgaTmaNph" alt=""><figcaption></figcaption></figure>

## How to edit your Product information section

### Section settings

#### General settings

* **Show breadcrumbs**: Enable breadcrumbs for the product. *Learn more:* [Breadcrumbs](/zest-theme/collections-and-products/product-page/breadcrumbs.md)

<figure><img src="/files/Mxvwk0SImJ3SJElUom20" alt=""><figcaption></figcaption></figure>

* **Enable sticky content on desktop**: Affix the product content to the screen as you scroll through the product media.

<figure><img src="/files/opztRNGhffwTAgs0vjuq" alt=""><figcaption></figcaption></figure>

#### Media settings

* **Desktop layout**:&#x20;

{% tabs %}
{% tab title="Thumbnails carousel" %}

<figure><img src="/files/ON4d5gDck5vBGx7WDmmN" alt="Product information&#x27;s desktop layout example: Thumbnails carousel"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Stacked" %}

<figure><img src="/files/wyU9x93kFp9uJGKHFoJt" alt="Product information&#x27;s desktop layout example: Stacked"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Grid mix" %}

<figure><img src="/files/Mnx0DFG1inxJGUjjpviK" alt="Product information&#x27;s desktop layout example: Grid mix"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Grid 2 columns" %}

<figure><img src="/files/ZvuZpJafFK2if31je5et" alt="Product information&#x27;s desktop layout example: Grid 2 columns"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

*To know more about media, see* [*Product media*](https://help.shopify.com/en/manual/products/product-media)*.*

* **Desktop media size**: Choose from Small, Medium, or Large image display.
* **Mobile layout**: Hide or Show thumbnails.

{% tabs %}
{% tab title="Show thumbnails" %}

<figure><img src="/files/WwWJ7QIKzWqg5ZMtPrTO" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Hide thumbnails" %}

<figure><img src="/files/hyXt8NndTGiMynTihyKY" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Enable image zoom**: Let customers zoom into media on tap.

<figure><img src="/files/LxXokTwvBqMPqfO6pabW" alt=""><figcaption><p>An example of product image zoom</p></figcaption></figure>

* **Enable video looping**: Keep product videos playing in a loop.
* **Show featured media by default**: If off, the selected variant image is shown first.

### Product Information blocks

<figure><img src="/files/iNAVmok8rqGV03wZ8Q0Q" alt=""><figcaption></figcaption></figure>

#### Price

<figure><img src="/files/NikBB3QXzi0pSa4Airge" alt=""><figcaption></figcaption></figure>

Show sale badge as **Percentage**/**Text**/ **Fixed amount.**

<figure><img src="/files/6GKt4rUMV38j5xfrH5Zg" alt=""><figcaption></figcaption></figure>

#### Variant picker

<figure><img src="/files/gRJHu7oUYd44y1QyZKEO" alt=""><figcaption></figcaption></figure>

Products with variants are great for giving customers more choices. To learn about variants and how to add product variants, see [Variants](https://help.shopify.com/en/manual/products/variants).

In the product information, you can enable show the selected option and choose **Picker type** as **Dropdown**/ **Buttons**.

{% tabs %}
{% tab title="Dropdown" %}

<figure><img src="/files/ifSujUiqMif21eflAGqa" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Buttons" %}

<figure><img src="/files/umZI12A3FFgKoDApVCNF" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

Opt to hide/show the selected option or pre-select the default variant.

<figure><img src="/files/gZPcR1MSTpOoAdq1CWKS" alt=""><figcaption></figcaption></figure>

* **Size chart**

{% embed url="<https://youtu.be/3qaOToVdYNU/>" %}

Add the Option name you want to display your size chart and select a page created in [Shopify Pages](https://help.shopify.com/en/manual/online-store/themes/theme-structure/pages#add-new-page).

<figure><img src="/files/TN18JKAnuJAx8HOBcD4i" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can use Shopify Metafields to show different size charts across products.

Learn more: [Add a size chart to your product page](/zest-theme/faqs/product-page/add-a-size-chart-to-your-product-page.md)
{% endhint %}

#### Buy buttons

<figure><img src="/files/f7qBpuCbK9nVGRCy5lT9" alt=""><figcaption></figcaption></figure>

Add an **Add to Cart** button to allow customers to easily add an item to their cart, and include **Dynamic checkout** buttons to let them quickly proceed to the checkout page for a faster, streamlined purchase experience.

You can also include a recipient form for gift card products.

<figure><img src="/files/FCOJfgqisBYAHg7f4BBa" alt=""><figcaption></figcaption></figure>

👀 [*Learn more about Shopify Dynamic checkout buttons*](https://help.shopify.com/manual/online-store/dynamic-checkout)*.*

🎁[*Learn more about gift cards.*](https://help.shopify.com/manual/products/gift-card-products)

#### Product meta

<figure><img src="/files/M3uakpQPte2D6hVTnLHG" alt=""><figcaption></figcaption></figure>

Show/ hide the following product details:&#x20;

* availability
* collections
* SKU
* product type
* product vendor

#### Shipping information

<figure><img src="/files/4OvdjmX7qFtntq7ahbwD" alt=""><figcaption></figcaption></figure>

Enable/ disable estimated delivery duration and shipping text.&#x20;

Add other details if needed (delivery text, shipping time, and delivery note).

<figure><img src="/files/jTuJkxe6GhLA2qFFFLw7" alt="Product information: Shipping information settings"><figcaption></figcaption></figure>

#### Add-on buttons

<figure><img src="/files/kkMOcCioOQU030881rWN" alt=""><figcaption></figcaption></figure>

Enable/ disable the following add-on options:

* Ask a question

<figure><img src="/files/BF2jvNcMZzWKZMZDkLBp" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Your Ask a question form sends all submissions to the **sender email address** of your store. You can change the sender email address in the **Notifications** settings page of your Shopify admin.
{% endhint %}

* Social sharing

<figure><img src="/files/xB85I9rDoDZ8qSrO8tlp" alt=""><figcaption></figcaption></figure>

#### Collapsible tab

<figure><img src="/files/Gq8uRFySniRmhxhEUSDc" alt=""><figcaption></figcaption></figure>

Add a heading and extra information on the tabs.&#x20;

You can also add content using custom liquid.

:star: Related resource: [Show dynamic content for Products using Metafields](https://youtu.be/6TT9lbSOJ9M)&#x20;

#### Custom field

Add text into the provided space for the field name, options, and placeholder.&#x20;

* You can control how this block displays as required or show it at the checkout.&#x20;

For the field type, there are 3 options: single-line text, multi-line text, and select.

<figure><img src="/files/KmbgLLeOYyTsP09xxuiS" alt="Product information: Custom field settings"><figcaption></figcaption></figure>

#### Trust badge

A badge or seal to instill trust in your potential customers.

Add a heading and image for the badge. You can control the image width and the heading position.

<figure><img src="/files/MRS4Ot4JXMF9iiZnVjE3" alt=""><figcaption></figcaption></figure>

#### **Complementary products**

<figure><img src="/files/yQmiUOWH1Nn7VtCZyYYc" alt=""><figcaption></figcaption></figure>

Complementary products are products often bought in addition to the selected product.&#x20;

{% hint style="info" %}
Set your complementary products using the app Search & Discovery. [Learn more](https://help.shopify.com/en//manual/online-store/search-and-discovery/product-recommendations#complementary-products)
{% endhint %}

In the theme editor, you can add a **Heading** for the section and select an **Icon** from the list.

Set the **maximum number of products to show** (1-10 products) and the **number of products per page** (1-4 products).&#x20;

* You can enable the carousel effect for this section.

<figure><img src="/files/6q6ZL7fVxBbZ7zzEOj63" alt=""><figcaption></figcaption></figure>

#### Inventory status

{% tabs %}
{% tab title="In stock" %}

<figure><img src="/files/SF9bHOlparvzUTpt7esM" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Low stock" %}

<figure><img src="/files/ds2qmSrO3A7JUN4NQLhB" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="More available on" %}

<figure><img src="/files/MWZ2IMJlIauBFAiLz5Kw" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

The inventory status block lets you display the stock status on individual product pages so that customers can know if a product is in stock, running low in stock, or when more stock arrives.

To show the **Inventory status** as in stock and low stock alerts on your product page, in **Shopify products** > **Variants**:

* enable :white\_check\_mark: **Track quantity**;
* disable **Continue selling when out of stock**.

<figure><img src="/files/p5rGZjelLnXBC5eKStuI" alt=""><figcaption></figcaption></figure>

In the product template, add I**nventory status** block > select the **Low inventory threshold** by tweaking the slider (between 0 and 20).&#x20;

<figure><img src="/files/hOdu5pvLwOcFKcqSvxJz" alt=""><figcaption></figcaption></figure>

You can also show the low inventory alert as a progress bar.

<figure><img src="/files/mZMKtWN3JmUTvQORYHWT" alt=""><figcaption></figcaption></figure>

To **show inventory transfer notice**, you need to create a inventory transfer. Below are the needed steps to display the inventory transfer notice on individual product pages.

Step 1: From your Shopify admin, go to **Products** > [**Transfers**](https://www.shopify.com/admin/products/transfers).

Step 2: Click **Add transfer**.

Step 3: In the **Add products** section, enter or select the products and variants that you want to add to the transfer, and then click **Add to transfer**.

Step 4: Under **Quantity**, enter the quantities for each product in the transfer.

Step 5: In the **Shipment details** section, enter a date in the **Estimated arrival** field.

Step 6: **Save** the settings.

<figure><img src="/files/4huicHZM40mvqEsI4tun" alt=""><figcaption></figcaption></figure>

#### Apps block

You can select the suitable app block based on the 3rd-party apps that they have integrated with **Zest** theme.

<figure><img src="/files/TQAQ9Rshi2D24yPT1yLw" alt="Product information: apps block"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/zest-theme/collections-and-products/product-page/product-information.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.