Product Overviews
Detailed product pages with image galleries, color/size selectors, and tabbed details.
How To Use This Page
Product Overviews sits inside the Ecommerce part of the catalog and collects reusable examples that solve the same job in different ways.
This page currently groups 5 examples so you can compare structure, emphasis, and density before choosing an implementation direction.
How The Content Is Grouped
- The examples are grouped as a single Ecommerce reference page so you can compare variations without leaving the route.
- Use the jump links to move straight to the most relevant example once you know which structure, layout, or emphasis pattern you need.
Start With
Split With Image
A balanced two-column overview with selectors, description, and a large product image.
With Image Gallery
Thumbnail-driven gallery with an expandable description panel.
With Image Grid
A four-image grid above product selectors and specifications.
With Tabs
Tabbed product details that switch between narrative, reviews, and shipping information.
With Tiered Images
A tiered media arrangement that pairs large hero photography with compact secondary shots.
Variant 1
Split With Image
A balanced two-column overview with selectors, description, and a large product image.
Basic Tee 6-Pack
$192
The Basic Tee 6-Pack allows you to fully express your vibrant personality with three grayscale options. Feeling adventurous?
Color
White
Size
Size guide
Variant 2
With Image Gallery
Thumbnail-driven gallery with an expandable description panel.
Basic Tee 6-Pack
$192
Color
Gray
Size
Size guideThe Basic Tee 6-Pack allows you to fully express your vibrant personality with three grayscale options. Feeling adventurous?
Variant 3
With Image Grid
A four-image grid above product selectors and specifications.
Basic Tee 6-Pack
$192
The Basic Tee 6-Pack allows you to fully express your vibrant personality with three grayscale options. Feeling adventurous?
Color
Black
Size
Size guideSpecifications
- Material
- 100% cotton
- Weight
- 400g
- Fit
- Relaxed everyday fit
- Origin
- Made in Portugal
Variant 4
With Tabs
Tabbed product details that switch between narrative, reviews, and shipping information.
Basic Tee 6-Pack
$192
Color
White
Size
Size guideMade for everyday rotation
The Basic Tee 6-Pack allows you to fully express your vibrant personality with three grayscale options. Feeling adventurous?
Variant 5
With Tiered Images
A tiered media arrangement that pairs large hero photography with compact secondary shots.
Basic Tee 6-Pack
$192
The Basic Tee 6-Pack allows you to fully express your vibrant personality with three grayscale options. Feeling adventurous?