Product information
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window -> Choose Default product.
From the side menu, select Product information. Configure the product page in the setting on the side with the following settings.
| Setting | Description |
|---|---|
Enable sticky add to cart | Select this checkbox to enable/disable the sticky add to cart. |
Show product badges | Select this checkbox to show/hide the product badge on this section. |
Enable share | Select this checkbox to enable/disable the share feature on product page. If you include a link in social media posts, the page’s featured image will be shown as the preview image. Learn more. A store title and description are included with the preview image. Learn more. |
Layout style | Select the layout style for the section:
|
Media
Product media can include images, 3D models, and videos. For more information, see Product media.
| Setting | Description |
|---|---|
Desktop media size | Select desktop media size from the dropdown menu:
(Media is automatically optimized for mobile) |
Desktop layout | Select desktop layout from the dropdown menu:
|
Image zoom | Select image zoom from the dropdown menu:
|
Enable video looping | Select this checkbox to enable/disable video looping. |
Image ratio | Determines the ratio between the image's width and height. Select image ratio from the dropdown menu:
(Add images by editing your collections. Learn more) |
Carousel thumbnail
(Use for Carousel thumbnail layout)
| Setting | Description |
|---|---|
Carousel thumbnail direction | Select this checkbox to enable/disable the sticky add to cart. |
Grid spacing (desktop) | Select this checkbox to show/hide the product badge on this section. |
Grid spacing (tablet) | Select this checkbox to enable/disable the share feature on product page. If you include a link in social media posts, the page’s featured image will be shown as the preview image. Learn more. A store title and description are included with the preview image. Learn more. |
Color
| Setting | Description |
|---|---|
Color scheme | Select a color scheme to set the text and background colors for the section |
Section padding
| Setting | Description |
|---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Last updated