Gallery With Details

About this block

Gallery With Details is the canonical product page top, a main image with a four thumbnail rail on the left, name, price, linked rating, description, and the buy stack on the right, closing with shipping and returns lines where hesitation actually lives. The first thumbnail renders selected so the gallery reads interactive.

All imagery is the shared placeholder, swap per angle when installing. The price repeats inside the add to cart button, the small pattern that lifts add rates.

When to use

Reach for this block as the opening section of any standard product page. Pair it with accordion details below for materials and care, and a reviews section the rating link can anchor to.

A natural flow around it on an Ecommerce Pro page:

Before

• Store navbar with cart and search

After

• Reviews the rating links into
• Upsells once the add to cart happens

What you can display

One strong use is your hero product with four honest angles. Other galleries:

• Colorway gallery. Thumbnails as the other colors.
• In context. Worn, carried, and in use angles.
• Scale shots. The product against familiar objects.

Tip: label thumbnails by angle, front, back, detail, worn, screen reader users buy bags too.