Merchant guide · Version 1.0.0
Shape the opening story.
Choose one clear page opener, then lead visitors into products and useful detail.
Hero thumbnails and product card
- Add Slideshow first. Leave Editorial signature layout off for the full-width composition.
- Add Slide blocks with Image and Mobile image. Set Slide navigation to Thumbnails with progress. Thumbnail falls back to Mobile image, then Image.
- Choose Product card and its horizontal position per slide. The floating price card is a desktop feature of the full-width layout.
- Choose up to two product hotspots per slide; set desktop and independent mobile coordinates.
- Enable Use first slide heading as the page heading only for the opening section. Try Wide screens → Show the whole image to protect narrow photographs.
- Enable autoplay only if useful. Change slides every sets 3–10 seconds. Editorial signature layout uses manual chapter navigation and disables autoplay.
slideshow-thumbnails-product-card-1440.png. Screenshot not included; follow the text steps above until a verified release capture is added.Open with the scroll stack
- Move Category stack to the first content position and enable Open the page with this section.
- Enter a meaningful Heading. It becomes the visually hidden main heading; the first image receives loading priority.
- Add collection Panels with desktop/mobile images and clear links. Keep the lower-left text area quiet.
- Check normal scrolling, reduced motion and keyboard navigation. Avoid competing main page headings.
A hero for each collection
Place Hero banner before Product grid on the collection template. Use the collection or page title and description inherits collection copy. A matching Collection image block overrides the collection image, which overrides the section Image.
Mobile imagery resolves separately: supply each collection’s mobile override when needed. Height changes the crop. On a normal page the resource option inherits its title; page body content stays in Page.
Show product detail honestly
Featured product supports a Side view on hover. Product detail explorer points to real details. Before / after requires identical framing, scale and dimensions.
The photographed product must match the linked item. A coat photograph should not be the only image for a shirt sold separately.