# Main Product

The **Main Product** section in Shopify is where you configure how a product appears on the **product detail page** (PDP). It controls everything from product title and price to images, buttons, and more.

1. Go to **Online Store > Themes > Customize**
2. In the theme editor, click the **top dropdown menu**
3. Select **Products > Default Product**
4. On the **left side panel**, click on **Product Information**

<figure><img src="/files/IJdKbLDs84aUziStfBdx" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="308"></th><th></th></tr></thead><tbody><tr><td>Expand to full width</td><td>Enable for full width view. (Controls the container width)</td></tr><tr><td>Color scheme</td><td>Select any color scheme defined in the theme settings > Colors > Schemes.</td></tr><tr><td><strong>Media</strong></td><td></td></tr><tr><td>Desktop media width</td><td><p>Adjust the width of the product image for the desktop layout.</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Desktop media position</td><td><p>Select the position of the desktop media. </p><ul><li>Left</li><li>Right</li></ul></td></tr><tr><td>Enable video looping</td><td>Enable for looping video.</td></tr><tr><td>Desktop layout</td><td><p>Choose the thumbnail layout on the desktop.</p><ul><li>Stacked</li><li>Thumbnail left</li><li>Thumbnail bottom</li></ul></td></tr><tr><td>Mobile layout</td><td><p>Choose the thumbnail layout on the mobile.</p><ul><li>Show thumbnail </li><li>Hide thumbnail</li></ul></td></tr><tr><td>Enable image zoom</td><td>Enable to zoom the product image.</td></tr><tr><td>Controls style</td><td><p>Determines the visual style of the selected controls.</p><ul><li>Artistic</li><li>Bold</li><li>Regular</li></ul></td></tr><tr><td>Border</td><td><p>Select the border style.</p><ul><li>Solid</li><li>None</li></ul></td></tr><tr><td>Border radius</td><td>Adjust the corner radius width.</td></tr><tr><td><strong>Section space</strong></td><td></td></tr><tr><td>Top space</td><td>Adjust top spacing for the section.</td></tr><tr><td>Bottom space</td><td>Adjust bottom spacing for the section.</td></tr></tbody></table>

### Main product blocks

<table><thead><tr><th width="308"></th><th></th></tr></thead><tbody><tr><td>Vendor</td><td>Select the vendor text case. ( Uppercase, Body, Capitalize )</td></tr><tr><td>Title
</td><td>Select the title size. (Minimal, Standard, Big )</td></tr><tr><td>Price
</td><td>Displays the price. There are no customization block settings available for this.</td></tr><tr><td>SKU
</td><td>Displays the SKU code. There are no customization block settings available for this.</td></tr><tr><td>Inventory status
</td><td><ul><li>Low inventory threshold - Adjust the range of the low product stock.<br>(Choose 0 to always show in stock if available.)</li><li>Show inventory count - Enable to show inventory count.</li><li>Available message - Add customized text for available message.</li><li>Low inventory message - Add customized text for message.</li></ul></td></tr><tr><td>Variants
</td><td><ul><li>Variants type - Choose the variant display style.        ( Dropdown , Pills )</li><li>Enable swatch - Enable to display color swatches.</li></ul></td></tr><tr><td>Buy button
</td><td><ul><li>Dynamic checkout - Select the checkbox to show the dynamic checkout button.</li><li>Recipient information form for gift cards - Select the checkbox to show the recipient information form for gift cards only.</li></ul></td></tr><tr><td>Pickup availability
</td><td>Displays the pickup availability. There are no customization block settings available for this.</td></tr><tr><td>Description
</td><td>Select the description style. ( Default, Accordian )</td></tr><tr><td>Separator
</td><td>Displays the seperator. There are no customization block settings available for this.</td></tr><tr><td>Collapsing block 
</td><td><ul><li>Heading - Add the heading content.</li><li>Content - Add the relavent content.</li><li>Page - Add a specific page to the block.</li></ul></td></tr><tr><td>Complementary product
</td><td>Heading - Add the heading content.0</td></tr><tr><td>Custom liquid
</td><td>Add app snippets or custom liquid code for advanced customization.</td></tr><tr><td>Size chart
</td><td>Add a specific page for the size chart.</td></tr><tr><td>Share</td><td>Share the product URL in social medias.</td></tr></tbody></table>

### How to create products?

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flf0zuS3pnoHVKPsHAmfW%2Fuploads%2FXPK6xY5xFIjCKjyAqTd9%2F9-create%20product.mp4?alt=media&token=528785f8-7398-4e32-b2a3-af44c7f79827>" %}


---

# 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://wedesigntech-1.gitbook.io/elegance/inner-page/main-product.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.