Narrivelle
Outfit composition
Show one styled look alongside the individual products that make it up.
Home page
Merchandise a complete look, piece by piece
Open Customize → Home page → Add section → Outfit composition. The look image provides the editorial context, while each Outfit item leads to its own Shopify product.
Editorial introduction
Eyebrow, Heading, Text, Heading size, and Text size introduce the outfit and its styling idea.
Look image
Look image is the main outfit visual. Image width, Image height, Image fit, and Media position set how it sits beside the product selection.
Product layout
Desktop product columns chooses three or four columns. Item spacing controls the gap between product items; Show price and Show second image control product-card information.
Color treatment
Background color and Text color set the full section palette.
Outfit item blocks
Use three Outfit item blocks for a complete, balanced look. Each block selects one Shopify product and can replace its displayed title.
Settings reference
Use this reference while working in the Theme Editor. Setting names match the Narrivelle controls.
| Theme Editor setting | What it controls | Use and review |
|---|---|---|
| Eyebrow / Heading / Text / Heading size / Text size | Creates and styles the editorial introduction. | Use it to explain the overall look before listing its pieces. |
| Look image | Sets the main image that presents the complete outfit. | This visual is separate from the product images in Outfit item blocks. |
| Text alignment / Text position | Sets the horizontal and vertical placement of the editorial introduction. | Choose the position that balances the Look image and product grid. |
| Image width / Image height / Image fit / Media position | Controls the size, crop treatment, and left-or-right placement of the Look image. | Contain preserves the complete image; Cover fills the image frame. |
| Desktop product columns / Item spacing | Sets the product grid to three or four desktop columns and controls its gap. | Use three columns for the default editorial composition. |
| Show price / Show second image | Shows product pricing and secondary product media within the outfit items. | Product data is supplied by the selected Shopify products. |
| Background color / Text color | Sets the section background and all editorial text color. | Choose a pairing that remains legible over the intended composition. |
Outfit item block
Use three Outfit item blocks for a complete, balanced look.
Outfit item
Adds one individual Shopify product to the look.
- Settings
- Product; Title.
- Review
- Title is optional and replaces the selected product title in this section only. This does not create a bundle or combined offer.