Looks
On the product page, the looks the product belongs to.
Can be added to product pages.
Settings
Shows the looks this product is part of. A look is a collection with its theme template set to look. Its image, title, description and products make the look. Add a product to a look on the collection's page, or on the product's page under Collections.
Content
Heading
Above the products. With the picture beside the products on desktop, it sits above both.
Follow Theme settings for headings
Theme settings › Headings: Heading size and Alignment under products, and the level, weight, color and capitals of every heading. Turn off to set this section's own.
Heading size
Weight
Body and Emphasis are set in Theme settings › Typography › Weights.
Color
Soft and Quiet are the color scheme's lighter text tones.
Show in capitals
Follow Theme settings for looks
Theme settings › Looks: how many, products per look, description, link, image layout. Turn off to set this section's own.
Looks to show
When a product is in more looks, the newest show first.
Products per look
0 shows none.
Show the look's description
Link to the look's page
Every look has its own page, made from its collection.
Follow Theme settings for buttons
Theme settings › Buttons and corners › Buttons: each button's look, alignment, two or more, full width on phones. Turn off to set this section's own.
Button style
Layout
Image layout
For desktop. Automatic runs pictures 3:2 or wider across the full width, with the look's name, description and link coming in over them as the page scrolls, and the products after. Others stay beside the products while they scroll, with the name at their lower left. On phones every picture shows at 4:5, cropped at its focal point, with the products after. Content placement places the words.
Follow Theme settings for images
Theme settings › Images: Product images › Shape, and Grain › Lookbook where the section has Grain. Turn off to set this section's own.
Image shape
Image on phones
Cropped at the focal point set on the picture in Shopify.
Follow Theme settings for cards
Theme settings › Product cards and Images › Image grids: how many, layout, per row, image shape, prices, alignment, View all. Turn off to set this section's own.
Name size
Space between
Per row on phones
Alignment
The text under product cards, and where a single row that doesn't fill the grid sits.
Words on the image
Follow Theme settings for content placement
Theme settings › Content on images: where the blocks sit, their alignment, width, distance from the edges, spacing and box. Turn off to set this section's own.
Content position on desktop
The words stay on the image. On desktop, for full-width images; beside the products, Content position beside the image places them.
Content position on phones
The words stay on the image. On desktop, for full-width images; beside the products, Content position beside the image places them.
Content position beside the image
On desktop, when the picture sits beside the products.
Text alignment on desktop
Match the position lines the text up with where the content sits.
Bring the content in with the scroll
Off, they show from the start. With reduced motion they always do.
Appearance
Show grain
Follow Theme settings for the section frame
Color scheme: Theme settings › Colors › Page color scheme. Space above and below: Theme settings › Layout. Turn off to set this section's own.