> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/product-pages/product-template.md).

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