Template: Product Information

In this section, you can decide on the content that should be visible on the product page, its sidebar, and tabs.

Template -> Product information

Layout

You can adjust the Top spacing to Small, Medium, Normal, or disable it entirely by selecting None. Set the pixel value for desktop and mobile through Theme settings > Layout.

In the following example, you can view the spacing settings:

Use the Width option to set product pages to Boxed or Wide.

The Wide option works for screens with 1440px width and more.

Content width

Can be set from 30% to 80%

In the following examples, you can view the Content width settings:

Desktop gallery position

Can be set left or right position.

Default variant

Can be set as Current variant selected or Not selected by default.

In the following examples, you can view the Default variant settings:


Media

Learn more about media types.

Enable sticky content on desktop

Enable this option to fix product images in the viewport, preventing them from scrolling with the product details.

Desktop layout

Available options for Desktop layout include:

  • Slider without thumbnails

  • Thumbnails vertical

  • Thumbnails horizontal

  • 1 column

  • 2 columns

  • Stacked

In the following examples, you can view the Desktop layout settings:

Mobile layout

Available options for Mobile layout include:

  • Slider without thumbnails

  • Thumbnails

  • Dots

In the following examples, you can view the Mobile layout settings:

Image zoom

Available options for Mobile layout include:

  • Open lightbox

  • Click and hover

  • No zoom

In the following examples, you can view the Image zoom settings:

Click and hover defaults to open lightbox on mobile.

Image ratio

To control the size of product images, choose one of the listed options from the drop-down: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), or Round (1:1). Read about the product image ratio in the initial documentation.

Last updated