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.
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
Layout style
Select the layout style for the section:
Special
Classic
Modern
Media
Product media can include images, 3D models, and videos. For more information, see Product media.
Desktop media size
Select desktop media size from the dropdown menu:
Small
Medium
Larg
(Media is automatically optimized for mobile)
Desktop layout
Select desktop layout from the dropdown menu:
Stacked
Carousel
Carousel (Thumbnail)
Image zoom
Select image zoom from the dropdown menu:
Open lightbox.
No zoom.
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:
Adapt to image
Square
Media bottom
First media
Image
Set the first image
Second media
Image
Set the second image
Carousel thumbnail
(Use for Carousel thumbnail layout)
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)
Color
Color scheme
Select a color scheme to set the text and background colors for the section
Section padding
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