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.

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

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.

Setting
Description

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

Setting
Description

First media

Image

Set the first image

Second media

Image

Set the second image

(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)

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