# 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 with Lorenza's theme settings and sections.

> To customize how products appear in collections and theme sections, see the [product listing options](https://help.fluorescent.co/lorenza/products/product-listings) in your theme settings.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> Creating and managing products is a Shopify feature. Themes provide templates to style your product pages created in your Shopify admin. See Shopify's [Products manual](https://help.shopify.com/en/manual/products) to learn more.
{% endhint %}

## **Quick setup**

Product templates have a preset layout with a **Product overview** section that includes blocks for product details, variant selectors, buy buttons, and additional features like complementary products and an information popup.

Use the **Templates selector** in the theme editor to open a product template. You can modify the **page style and layout**, **product overview blocks**, and further customize the page with **theme sections**.

### **Page layout and style**

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

> See the [Product page layout and styles guide](https://help.fluorescent.co/lorenza/product-pages/layout-and-style) or jump to a part of the guide by clicking the links below.

| Feature                                                                                                             | Description                                                                                                |
| ------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| Sticky product details                                                                                              | Keep the product overview form in view when visitors scroll down.                                          |
| [Breadcrumbs](https://help.fluorescent.co/lorenza/product-pages/layout-and-style/breadcrumbs)                       | Display links that show customers where they are on your site.                                             |
| [Navigation buttons](https://help.fluorescent.co/lorenza/product-pages/layout-and-style/navigation-buttons)         | Display 'next' and 'previous' buttons to move through collections.                                         |
| [Media gallery](https://help.fluorescent.co/lorenza/product-pages/layout-and-style/media-gallery)                   | Customize the layout of your product media.                                                                |
| [Gift card receipient form](https://help.fluorescent.co/lorenza/product-pages/layout-and-style/gift-recipient-form) | Allow buyers to send gift cards to a recipient's email on a scheduled date, along with a personal message. |

### **Product overview blocks**

The **Product overview** section is made of default and custom blocks that you can edit and rearrange.

> See the [Default product blocks guide](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/default-blocks) or jump to a part of the guide by clicking the links below.

| Default blocks (guides)                                                                                       | Description                                                                                                                                                                                                                                                                                                                                                                                                         |
| ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Title](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#title)                         | Display title, price, vendor, star rating, and badges.                                                                                                                                                                                                                                                                                                                                                              |
| [Price](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#price)                         | Display the price of your product, including the sale or compared price.                                                                                                                                                                                                                                                                                                                                            |
| [Description](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#description)             | Display product description as a paragraph or accordion.                                                                                                                                                                                                                                                                                                                                                            |
| [Variant selectors](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#variant-selector)  | Display variants of product options. Includes options for [Information popup](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/information-popup), [Variant swatches](https://help.fluorescent.co/lorenza/product-pages/variant-options/variant-swatches), and [Variant chips](https://help.fluorescent.co/lorenza/product-pages/variant-options/variant-chips).                               |
| [Quantity selector](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#quantity-selector) | Let customers add more quantities of a product.                                                                                                                                                                                                                                                                                                                                                                     |
| [Buy buttons](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#buy-buttons)             | Add-to-cart button with optional [Sticky Add-to-Cart bar](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#sticky-add-to-cart-bar) and [Dynamic checkout button](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#dynamic-checkout-button). Includes [Local pickup banner](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#local-pickup-banner). |
| [Share icons](https://help.fluorescent.co/lorenza/product-page-blocks/default-blocks#share-icons)             | Social links for sharing your product page.                                                                                                                                                                                                                                                                                                                                                                         |
| Border                                                                                                        | Add a horizontal line to visually separate product blocks.                                                                                                                                                                                                                                                                                                                                                          |
| SKU                                                                                                           | Show the SKU number used to track your product inventory.                                                                                                                                                                                                                                                                                                                                                           |
| Vendor                                                                                                        | Show the product vendor (or seller) as added in your Shopify Admin.                                                                                                                                                                                                                                                                                                                                                 |

#### **Feature blocks**

In the Product overview, the feature product blocks offer added functionality for displaying product information and designing the layout.

Click the links below to find help guides for the feature product blocks.

| Features blocks (guides)                                                                                               | Description                                                    |
| ---------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
| [Accordion](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/accordion-block)                     | Add expandable tabs that reveal more text when clicked.        |
| [Complementary products](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/complementary-products) | Show customers related products that they can add to the cart. |
| [Custom Liquid](https://help.fluorescent.co/lorenza/for-developers/custom-liquid)                                      | Add block with custom HTML or Liquid                           |
| [Information popup](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/information-popup)           | Add popup product information (ex. Size guide).                |
| [Payment block](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/payment-block)                   | Display icons of payment methods and info.                     |
| [Security block](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/security-block)                 | Display message about information and transaction security.    |
| [Shipping block](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/shipping-block)                 | Display shipping info and a shipping estimator button.         |
| [Stock level indicator](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/stock-level-indicator)   | Display stock level bar with 'low inventory' alert.            |
| [Text block](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/text-block)                         | Add a short block of text.                                     |
| [Text with image](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/text-with-image)               | Add promo text with a featured image.                          |
| [Text with video](https://help.fluorescent.co/lorenza/product-pages/product-page-blocks/text-with-image)               | Add promo text with an autoplay video.                         |

### **Product page sections**

Product page sections are added outside the product overview (below or above). Use theme sections to add more functionality and further customize the layout of your product pages.

We recommend starting by hiding or removing the default sections you don't want to use.

| Product section (guides)                                                                                                     | Description                                                                                                                                                                                                     |
| ---------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Product recommendations](https://help.fluorescent.co/lorenza/product-pages/product-page-sections/recommended-products)      | Display recommend products.                                                                                                                                                                                     |
| [Recently viewed products](https://help.fluorescent.co/lorenza/product-pages/product-page-sections/recently-viewed-products) | Display products that the customer has viewed on your site                                                                                                                                                      |
| [Product reviews](https://help.fluorescent.co/lorenza/product-page-sections/product-reviews#add-product-reviews-section)     | <p>Display customer reviews with Shopify's Review app.<br><br>(<strong>Note</strong>: Shopify's review app has been delisted. This option is available for stores that have previously downloaded the app.)</p> |
| [Theme sections](https://help.fluorescent.co/lorenza/sections/theme-sections)                                                | Use 30+ theme sections to customize the page layout.                                                                                                                                                            |

### **Alternate templates**

Lorenza includes an alternate template that shows a "pre-order" add-to-cart button..

| Template                                                                                                    | Description                                            |
| ----------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ |
| [Pre-order template](https://help.fluorescent.co/lorenza/product-pages/product-template/pre-order-template) | Replace "Add to cart" with a "Pre-order" button label. |