Product information

The core section of every product page. Renders the product media gallery on one side and the purchase interface on the other — assembled from individual blocks you arrange in any order.

---

Structure

┌──────────────────────────────────────────────────┐
│  [ Media Gallery ]  │  [ Product Details ]        │
│                     │    Title                    │
│                     │    Price                    │
│                     │    Variant Picker           │
│                     │    Buy Buttons              │
│                     │    Accordion / Tabs         │
└──────────────────────────────────────────────────┘

Media Gallery — Product images and videos with zoom, thumbnails, and variant media support.

Product Details — Purchase interface assembled from individual sub-blocks.

Product Information section overview

---

Settings

Setting	Description
Sticky content	The product details panel stays fixed while the customer scrolls through the media gallery.
Width	Container width of the section, such as page-width, full-width, or full-bleed.
Media width	Proportion of the section the media occupies.
Gap — Desktop / Mobile	Spacing between the media and details panels.
Color scheme	Background and text colors.
Padding top / bottom	Outer vertical spacing.

Enable Sticky content to keep the Add to Cart button visible while the customer browses multiple product images — significantly reduces scroll-to-buy friction.

---

Need help?

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

Chat with us Submit a ticket