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".
Heading
The title for this section.
Heading style
Style of the heading:
Default
Marquee from left to right - Scrolls text horizontally on the screen, starting from the left side and moving towards the right.
Marquee from right to left - Scrolls text horizontally on the screen, starting from the right side and moving towards the left.
Heading size
The size of the heading text:
Small
Medium
Large
Extra large
Heading alignment
The alignment of the heading text and description within the section container:
Left - Aligns the heading and description to the left.
Center (default) - Aligns the heading and description in the center.
Right - Aligns the heading and description to the right.
Description
The description for this section.
Image
Add the image for this section.
Desktop image placement
Position of the image on desktop:
Image first
Image second
Desktop product block position
Sets the vertical position of the product block on desktop:
Top - Displays the content at the top.
Middle - Displays the content in the middle.
Bottom - Displays the text at the bottom.
Color scheme
Set the color for the section.
Image ratio
The image ratio for the collection images:
Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
Square - Crops the images to use a 1:1 ratio.
Portrait - Crops the images to use a 2:3 ratio.
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.
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:
Filled
Text link
Outlined
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).
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.
