---
description: This section is to maintain the settings of the product page on your store.
---

# Template product

### Configure main product

Go to **Customize theme**. Select the Products > Default product template on the top dropdown menu.

From the left side menu, select **“Product information.”**

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Main product</td><td><strong>Color scheme</strong><br>Select any color scheme defined in the theme settings>Colors>Schemes.<br><br><strong>Section background</strong><br>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.<br><br><strong>Container width</strong><br>Choose the container width from below options:<br>- Global<br>- Extra small<br>- Small <br>- Regular <br>- Edges gap<br>- Fullwidth<br><br><strong>Corner style</strong><br>Choose the corner style from below options:<br>- Top<br>- Bottom<br>- Both<br>- None<br><br><strong>Corner radius</strong><br>Adjust the range bar to determine the corners radius.</td></tr><tr><td>Media</td><td><strong>Width</strong><br>Choose the product gallery width from:<br>- Small<br>- Medium<br>- Large<br><br><strong>Layout</strong><br>Choose the product gallery layout from the following options:<br>- Carousel<br>- Grid<br>- Stacked<br><br><strong>Image ratio</strong><br>Select the media ratio from the given options: <br>- Auto <br>- Adapt to first image<br>- Landscape <br>- Portrait <br>- Square<br><br><strong>Image fit</strong><br>Choose the images fit from the following options:<br>- Top<br>- Center<br>- Bottom<br><br><strong>Enable border</strong><br>Select this checkbox to enable the image border.<br><br><strong>Enable radius</strong><br>Select this checkbox to enable the image radius.<br><br><strong>Enable sticky content on desktop</strong><br>Select this checkbox to enable sticky content of product.</td></tr><tr><td>Desktop carousel thumbnails</td><td><strong>Thumbnails style</strong><br>Select the style from following:<br>- Vertical<br>- Horizontal<br>- None<br><br><strong>Vertical thumbnails positions</strong><br>Select the position from following<br>- Inside image<br>- Outside image<br><br><strong>Hide mobile thumbnail</strong>s<br>Select this checkbox to hide the thumbnails on mobile.</td></tr><tr><td>Collapsible content</td><td><strong>Style</strong><br>Choose collapsible content style from:<br>- Accordion<br>- Tab<br>- Tiles</td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Desktop bottom space</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Mobile top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Mobile bottom space</strong><br>Adjust the range bar to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Title</td><td>This block shows the product title.<br><br><strong>Title size</strong><br>Select the title size from the following options:<br>- Large<br>- Medium<br>- Small<br>- X-small</td></tr><tr><td>SKU</td><td>This block showcases the product SKU value.</td></tr><tr><td>Price</td><td>This block shows the product price.<br><br><strong>Hide shipping content</strong><br>Select the checkbox to hide the shipping content.<br><br><strong>Hide compare price</strong><br>Select the checkbox to hide the compare price.</td></tr><tr><td>Variant picker</td><td>This is to show the product variants, e.g., Size, colors, etc.<br><br><strong>Style</strong><br>Choose the variant style from the following options:<br>- Dropdown<br>- Button<br><br>Color options<br><strong>Swatch type</strong><br>Choose the swatch type from the following options:<br>- Category meta-fields<br>- Variant image<br>(<em><strong>Note</strong>: For category meta-fields colors, please go through</em> <a href="https://help.shopify.com/en/manual/custom-data/metafields/category-metafields/using-category-metafields"><em>docs.</em></a><em>)</em><br><br>Size chart<br><strong>Size chart page</strong><br>Choose any page for the size chart.<br><br><strong>Title</strong><br>Add the size chart link text.<br><br><img src="https://content.gitbook.com/content/COD5z9DkXqROY79c9M7u/blobs/RJjydrDO29xb9xKEMRY5/image.png" alt=""><br></td></tr><tr><td>Inventory status bar</td><td><strong>Minimum inventory</strong><br>Adjust the range bar to set the low stock limit. If a product has 11 units in stock and the threshold is set to 10, it will display <strong>"In Stock."</strong> If the threshold is set to 15, it will display <strong>"Low stock."</strong> Set the threshold to <strong>0</strong> to always show <strong>"In Stock."</strong><br><br><strong>Available message</strong><br>Add message to display in case of available stock.<br><br><strong>Low inventory messag</strong>e<br>Add message to display in case of low inventory stock.<br><br><strong>Sold out message</strong><br>Add message text to show for sold out variants of product. </td></tr><tr><td>Quantity selector</td><td>This block shows the quantity selector.<br><br><strong>Show quantity picker with buy button</strong><br>Select the checkbox to show the quantity picker along with buy button.</td></tr><tr><td>Pickup availability</td><td>This block displays pickup availability of the product.<br>For more details, refer to <a href="https://help.shopify.com/en/manual/fulfillment/setup/delivery-methods/pickup-in-store">docs.</a></td></tr><tr><td>Buy buttons</td><td>This block is to show the <strong>Add to cart</strong> button along with below settings:<br><br><strong>Show dynamic checkout button</strong><br>Select the checkbox to show the dynamic checkout button. <br><br><strong>Show recipient information form for gift cards</strong><br>Select the checkbox to show the gift recipient form on the gift product.</td></tr><tr><td>Custom liquid</td><td><strong>Liquid</strong> <br>Add app snippets or other liquid code for any advanced customizations.  </td></tr><tr><td>Ask a question</td><td><strong>Heading</strong><br>Enter any text to appear as a link to the contact popup.<br><br>This form sends all submissions to the Sender email address of your store. You can change the sender email address in the Store details settings page of your Shopify admin.<br><br><strong>Show label in front of share icons</strong><br>Select the checkbox to show the label in front of icons.</td></tr><tr><td>Description</td><td>This block is to show the product description at any desired position and choose the visibility.<br><br><strong>Heading size</strong><br>Select the heading size of description from the following options:<br>- XX- large<br>- X- large<br>- Large<br>- Medium<br>- Small<br>- X-small<br><br><em>(<strong>Note</strong>: This block is not applicable to the '<strong>Sidebar gallery</strong>' style.)</em></td></tr><tr><td>Social sharing</td><td>This block is to share the product on social media sites.<br> <em>Please go to the theme settings>Social media>Social sharing to choose the options.</em><br><br><strong>Icon style</strong><br>Choose icon's style from:<br>- Solid<br>- Outline</td></tr><tr><td>Complementary Products</td><td><p><strong>Heading</strong> </p><p>Add text to the heading to highlight complementary products. <br> <br><strong>Maximum products to show</strong><br>Adjust the slider to highlight products between 2 to 10.  <br> <br><em>Note: To select complementary products, add the Search &#x26; Discovery app.</em> <a href="https://shopify.dev/docs/themes/product-merchandising/recommendations">Learn more</a> </p></td></tr><tr><td>Collapsible row</td><td><strong>Icon</strong><br>Choose any icon.<br><em>(<strong>Note</strong>: Applicable to tiles style only.)</em><br><br><strong>Heading</strong><br>Enter any heading.<br><br><strong>Description</strong><br>Enter the custom content/description. It supports dynamic content as well.<br><br><strong>Page content</strong><br>Choose any page to display it's content.<br><em>(<strong>Note</strong>: Applicable to tiles style only.)</em></td></tr><tr><td>Custom content</td><td><p><strong>Heading</strong> </p><p>Add heading text. <br><br><strong>Heading size</strong><br>Select the heading size from the following options:<br>- Large<br>- Medium<br>- Small<br>- X-small<br><br><strong>Content</strong></p><p>Add description text. <br><br><strong>Content size</strong><br>Select the heading size from the following options:<br>- X-large<br>- Large<br>- Medium<br>- Small<br>- X-small</p></td></tr></tbody></table>

\
\
