Product Page Setup

The product page controls how individual products appear in Array.

Configure the Product Template

1. Go to Online Store > Themes > Customize.
2. Use the page selector to open Products > Default product.
3. Open the Product section.
4. Choose product image ratio.
5. Enable sticky product information if needed.
6. Choose gallery type.
7. Enable image zoom or video looping if needed.
8. Add, remove, or reorder product blocks.
9. Save.

Product Page Settings

• Product image ratio: Controls the shape of product media. Use Square for consistent catalog-style images, Portrait for taller product photography, or Adapt when each image should keep its original proportions.
• Enable sticky product information: Keeps the product details column visible while customers scroll through media. Use this for products with many images so price, variants, and buy buttons stay close at hand.
• Gallery type: Controls how product media is displayed. Use Standard for a simple stacked gallery, Slider with thumbnails for many product images, or Grid when customers should compare several images at once.
• Contain scroll inside standard gallery: Keeps scrolling inside the gallery area when Gallery type is Standard. Use this only if the standard gallery is long and you want the product information to remain more stable beside it.
• Enable image zoom: Allows customers to open product images in a larger view. Use this for products where texture, material, finish, construction, or small details matter.
• Hide sold-out or unavailable variants: Removes unavailable choices from the variant picker. Use this when you want a cleaner buying path; leave it off if customers should still see unavailable options.
• Enable video looping: Replays product videos automatically. Use this for short product motion clips or ambient video.
• Showcase product settings: Controls the alternate showcase layout for products tagged display:showcase  . These settings only matter for products using the Showcase workflow.

Spacing is controlled using the shared padding settings. See Section Spacing and Padding.