Lookbook
This feature allows for the placement of product pins on an image, with each pin linking directly to the product details.
Last updated
This feature allows for the placement of product pins on an image, with each pin linking directly to the product details.
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Lookbook".
Setting | Description |
---|---|
Heading | The title for this section. |
Heading style | Style of the heading:
|
Heading size | The size of the heading text:
|
Heading alignment | The alignment of the heading text and description within the section container:
|
Description | The description for this section. |
Image | Add the image for this section. |
Desktop image placement | Position of the image on desktop:
|
Desktop product block position | Sets the vertical position of the product block on desktop:
|
Color scheme | Set the color for the section. |
Setting | Description |
---|---|
Image ratio | The image ratio for the collection images:
|
Show second image on hover | When the customer hovers their cursor over the product image, displays the second product image if the product has one. |
Show vendor | Displays the vendors of the products. |
Enable quick add button | Displays the quick add button that opens a popup displaying all the essential product details. |
Setting | Description |
---|---|
Button label | The text that displays on the button. |
Button link | The URL that you want the button to link to. |
Button style | Style of the "View all" button:
|
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Setting | Description |
---|---|
Product | The product that you want to display. |
Horizontal position | Determines the spacing from the spot to the left edge of the image. |
Vertical position | Determines the spacing from the spot to the top edge of the image. |