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


---

# 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://halosoft.gitbook.io/concept-documentation/product/product-information.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.