# Product information

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window **->** Choose **Default product**.
4. From the side menu, select **Product information**. Configure the product page in the setting on the side with the following settings.

<table><thead><tr><th width="258">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable sticky add to cart</td><td>Select this checkbox to enable/disable the sticky add to cart.</td></tr><tr><td>Show product badges</td><td>Select this checkbox to show/hide the product badge on this section.</td></tr><tr><td>Enable share</td><td><p>Select this checkbox to enable/disable the share feature on product page.<br>If you include a link in social media posts, the page’s featured image will be shown as the preview image. <a href="https://help.shopify.com/manual/online-store/images/showing-social-media-thumbnail-images">Learn more</a>.</p><p>A store title and description are included with the preview image. <a href="https://help.shopify.com/manual/promoting-marketing/seo/adding-keywords#set-a-title-and-description-for-your-online-store">Learn more</a>.</p></td></tr><tr><td>Layout style</td><td><p>Select the layout style for the section:</p><ul><li><strong>Special</strong></li><li><strong>Classic</strong></li><li><strong>Modern</strong></li></ul></td></tr></tbody></table>

### Media

Product media can include images, 3D models, and videos. For more information, see [Product media](https://help.shopify.com/en/manual/products/product-media).

<table><thead><tr><th width="254">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Desktop media size</td><td><p>Select desktop media size from the dropdown menu:</p><ul><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Larg</strong></li></ul><p><strong>(</strong><em><strong>Media is automatically optimized for mobile</strong></em><strong>)</strong></p></td></tr><tr><td>Desktop layout</td><td><p>Select desktop layout from the dropdown menu:</p><ul><li><strong>Stacked</strong></li><li><strong>Carousel</strong></li><li><strong>Carousel (Thumbnail)</strong></li></ul></td></tr><tr><td>Image zoom</td><td><p>Select image zoom from the dropdown menu:</p><ul><li><strong>Open lightbox.</strong></li><li><strong>No zoom.</strong></li></ul></td></tr><tr><td>Enable video looping</td><td>Select this checkbox to enable/disable video looping.</td></tr><tr><td>Image ratio</td><td><p>Determines the ratio between the image's width and height.</p><p>Select image ratio from the dropdown menu:</p><ul><li><strong>Adapt to image</strong></li><li><strong>Square</strong></li></ul><p><em>(Add images by editing your collections.</em> <a href="https://help.shopify.com/manual/products/collections"><em>Learn more</em></a><em>)</em></p></td></tr></tbody></table>

### Carousel thumbnail

*<mark style="color:red;">(Use for Carousel thumbnail layout)</mark>*

<table><thead><tr><th width="256">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Carousel thumbnail direction</td><td>Select this checkbox to enable/disable the sticky add to cart.</td></tr><tr><td>Grid spacing (desktop)</td><td>Select this checkbox to show/hide the product badge on this section.</td></tr><tr><td>Grid spacing (tablet)</td><td><p>Select this checkbox to enable/disable the share feature on product page.<br>If you include a link in social media posts, the page’s featured image will be shown as the preview image. <a href="https://help.shopify.com/manual/online-store/images/showing-social-media-thumbnail-images">Learn more</a>.</p><p>A store title and description are included with the preview image. <a href="https://help.shopify.com/manual/promoting-marketing/seo/adding-keywords#set-a-title-and-description-for-your-online-store">Learn more</a>.</p></td></tr></tbody></table>

### Color

<table><thead><tr><th width="256">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td>Select a color scheme to set the text and background colors for the section</td></tr></tbody></table>

### Section padding

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Top padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>
