Product pages section
Settings and layout options for product pages
The new product page sections in our Palo Alto theme are built from the ground up with the new features introduced in online store 2.0 in mind. The use of JSON templates allows for dynamic sections to be used to truly customize your product pages to your style.
Accessing the product pages can be done by opening your theme editor and clicking on products. This will show all of the available product pages in the specific theme copy you are editing.
Product description
Enable sticky form
checkbox
Keeps the product form fixed while scrolling for easier add-to-cart access.
Layout
Desktop layout
select
Chooses how images and product media are displayed on desktop: Grid, Stacked, or Carousel with thumbnails.
Image width
select
Sets the size of product images: Standard or Large.
Equal image aspect ratio
checkbox
Makes product images maintain the same aspect ratio in Grid layout.
Media
Enable zoom
checkbox
Enables zoom functionality on product images for closer viewing.
Enable video looping
checkbox
Automatically loops videos within product media.
Colors
Background
color
Sets the background color for the product section.
Overlay gradient
color_background
Applies a gradient overlay over the background.
Section spacing
Width
select
Sets the content width of the section: Full width padded, or Page width.
Padding top
range
Adjusts spacing above the section.
Padding bottom
range
Adjusts spacing below the section.
Learn more about the individual 'product pages' section blocks:
Last updated