# Product template

**Product templates** control the content, layout, and style of your product pages. In the theme editor, you can customize the product media, product overview, and overall page design.

> To modify how products appear in collections and sections, go to the [product listing options](/cornerstone/products/product-listings.md) in your theme settings.

{% hint style="success" %}
Products are created and managed in your Shopify admin. To learn more, refer to [Shopify's Products manual](https://help.shopify.com/en/manual/products).
{% endhint %}

<figure><img src="/files/N3OXEdqdjYeWQeX23hcI" alt="" width="375"><figcaption></figcaption></figure>

## **Page layout and style**

***

Click the **Product overview** section to find layout and style settings for the product page. You can enable additional features like **Sticky product details**, **Breadcrumbs**, and **Navigation buttons**.

​ ​​ ​

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="/pages/SFmsTiFJbTpiiFc0T8sa"><strong>Media gallery</strong></a></td><td>Customize the layout of your product media.</td><td><a href="/pages/SFmsTiFJbTpiiFc0T8sa">/pages/SFmsTiFJbTpiiFc0T8sa</a></td></tr><tr><td><a href="/pages/FAhWG6ISKX1RVsSqHdba"><strong>Sticky product details</strong></a></td><td>Keep product details in view when scrolling through product media</td><td><a href="/pages/FAhWG6ISKX1RVsSqHdba">/pages/FAhWG6ISKX1RVsSqHdba</a></td></tr><tr><td><a href="/pages/tPoRUqNxlIWhMohpgvHM"><strong>Breadcrumbs</strong></a></td><td>Display links that show customers where they are on your site.</td><td><a href="/pages/tPoRUqNxlIWhMohpgvHM">/pages/tPoRUqNxlIWhMohpgvHM</a></td></tr><tr><td><a href="/pages/ZyLcQtSKY8v1fpo7ZIaX"><strong>Navigation buttons</strong></a></td><td>Display 'next' and 'previous' buttons to move through collections.</td><td><a href="/pages/ZyLcQtSKY8v1fpo7ZIaX">/pages/ZyLcQtSKY8v1fpo7ZIaX</a></td></tr><tr><td><a href="/pages/3cUk4UhvmHM3UtfatI9F"><strong>Gift card recipient form</strong></a></td><td>Allows buyers to send gift cards to a recipient's email on a scheduled date, along with a personal message.</td><td><a href="/pages/3cUk4UhvmHM3UtfatI9F">/pages/3cUk4UhvmHM3UtfatI9F</a></td></tr></tbody></table>

## **Product overview blocks**

***

The **Product overview** section contains all the blocks that make up your product form, including product details, variant selectors, buy buttons, and additional feature blocks.

### Default blocks

***

**Default blocks** include essential product details and purchase options. Click the blocks to find additional settings.

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><a href="/pages/b7wtPXCJxN63iPtFmXLv"><strong>Product header</strong></a></td><td>Display title, price, vendor, star rating, and badges.</td></tr><tr><td><a href="/pages/pGLtLr4jstuNckWDLRjn"><strong>Description</strong></a></td><td>Display product description as a paragraph or accordion.</td></tr><tr><td><a href="/pages/hIicabehGjM5VGnaSANn"><strong>Variant selectors</strong></a></td><td>Display variants of product options. Includes options for <a href="/pages/aQ9sXsgyW6pLVvodyafU">Information popup</a>, <a href="/pages/icEbZO563kl4UGPTX0fD">Variant swatches</a>, and <a href="/pages/q9k1M30HenITCM5k7E0u">Variant chips</a>.</td></tr><tr><td><strong>Quantity selector</strong></td><td>Let customers add more quantities of a product.</td></tr><tr><td><a href="/pages/RVpzMYikBQAi7Xi4Pabo"><strong>Buy buttons</strong></a></td><td>Add-to-cart button with optional Sticky Add-to-Cart bar and Dynamic checkout button. Includes Local pickup banner.</td></tr><tr><td><a href="/pages/laGj8c1YtF0aPyKcKKvE"><strong>Share icons</strong></a></td><td>Social links for sharing your product page.</td></tr></tbody></table>

### **Feature blocks**

***

Add **Feature product blocks** to organize additional product information and design the page layout.

<table data-header-hidden><thead><tr><th width="309">Features blocks (guides)</th><th>Description</th></tr></thead><tbody><tr><td><a href="/pages/3Xrr1Ra2WJZicN8E90eI"><strong>Collapsible row block</strong></a></td><td><img src="/files/DsAsXlxS5aTcauAcTXjP" alt=""></td></tr><tr><td><a href="/pages/ywqWZXJJjvLxkx9y1jXU"><strong>Complementary products</strong></a></td><td><img src="/files/oTROLh48ihM3xWtIMgX8" alt=""><br></td></tr><tr><td><a href="/pages/dShkAElvCnVj5LfNUVya"><strong>Custom option</strong></a></td><td><img src="/files/GfGQtEXXZYnmPfxio3cn" alt=""></td></tr><tr><td><a href="/pages/FFw01G26fubly9V59InD"><strong>Customer support</strong></a></td><td><img src="/files/7BMPV8wJKto3PAKdQUyp" alt=""></td></tr><tr><td><a href="/pages/CXIE7GQPgAt9bzt53b0P"><strong>Image block</strong></a></td><td><img src="/files/c0uer27qm5IKPtAlSiiN" alt=""></td></tr><tr><td><a href="/pages/AgrhqHtymDgQFb5Aqte2"><strong>Image with text</strong></a></td><td><img src="/files/TOsaHb2aQciyTN9Fktpw" alt=""></td></tr><tr><td><a href="/pages/aQ9sXsgyW6pLVvodyafU"><strong>Information popup</strong></a></td><td><img src="/files/4ub5LvbJqHKQBdm0B2QS" alt="" data-size="original"></td></tr><tr><td><a href="/pages/Rb8qdoUZf8rfMPY0Thyy"><strong>Product labels</strong></a></td><td><img src="/files/yCICPkAFR6Bd5xuDAZD1" alt=""></td></tr><tr><td><a href="/pages/xMZQW5VHRTXodFIzPpSS"><strong>Payments and trust</strong></a></td><td><img src="/files/IHLW6bOMwu32JNGj40GQ" alt=""></td></tr><tr><td><a href="/pages/nJua09ODwYBLi2aeNpZL"><strong>Stock level indicator</strong></a></td><td><img src="/files/EEucvX7cRnCrTRkp65aO" alt=""></td></tr><tr><td><a href="/pages/Vn8pZpnzIXn9aCiXvp7l"><strong>Text block</strong></a></td><td><img src="/files/UI0MMDEysWNWBnyrcjZd" alt=""></td></tr><tr><td><a href="/pages/M7iTuJFvBLQwyN1p2NHb"><strong>Text columns with icons</strong></a></td><td><img src="/files/rxgcsvf7lkHKv5hc2WMF" alt=""></td></tr><tr><td><a href="/pages/0LUCnCfs7NLVlwtN5wVh"><strong>Text list with icons</strong></a></td><td><img src="/files/FEpXIac4xts9QkobXLtf" alt=""></td></tr><tr><td><a href="/pages/q2ny0jzrI1rmbmyEBcoQ"><strong>Custom Liquid</strong></a></td><td>Add block with custom HTML or Liquid</td></tr><tr><td><strong>Spacer</strong></td><td>Add space between product blocks.</td></tr></tbody></table>

## Product recommendations

***

The Product page includes a specialized product recommendations section, as well as a recommended products sidebar.

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="/pages/JVCBdOgrav5lLq0AZphR"><strong>Product recommendations</strong></a></td><td>Show recommend products in a section below the product overview.</td><td><a href="/pages/JVCBdOgrav5lLq0AZphR">/pages/JVCBdOgrav5lLq0AZphR</a></td></tr><tr><td><a href="/pages/VTWeGu8NREkNk554XY7v"><strong>Recommended products sidebar</strong></a></td><td>Show recommended products beside the product overview.</td><td><a href="/pages/VTWeGu8NREkNk554XY7v">/pages/VTWeGu8NREkNk554XY7v</a></td></tr></tbody></table>


---

# 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://help.fluorescent.co/cornerstone/product-pages/product-template.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.