Lookbook collection

Setting Description
Color scheme Choose a color scheme to apply consistent colors to this block.
Collection Choose the collection to display in lookbook block.
Custom image By default, one collection image is shown in the lookbook. You can add the first custom image to showcase the collection concept.
Custom image Add the second lookbook image to expand the collection concept. Images will be displayed in an extensive layout.
Custom image Add the third lookbook image to further enhance the lookbook presentation.
Image ratio

Set the aspect ratio for lookbook images:

  • Square: Displays images in a 1:1 ratio.
  • Portrait: Displays images in a vertical ratio.
  • Landscape: Displays images in a horizontal ratio.
Show description Show the collection description from the admin below collection heading.
Custom description Add a custom description manually.
Link label Add text for the button that links to the collection page (e.g., “Shop Now”).
Button style

Choose the first button’s appearance:

  • Primary: Uses the primary button color defined in color scheme.
  • Secondary: Uses the secondary button color defined in each color scheme.
  • Outline: A button with a border and no fill.
  • Link: A minimal button style aligned with the text.
Lookbook label Add a label for the page that displays the expanded lookbook, such as “Lookbook Page.” This will display a circle button overlay on the images at the bottom.
Custom lookbook link Add a link to the lookbook page.
Lookbook label style

Choose the circle appearance:

  • Primary: Uses the primary button color defined in color scheme.
  • Secondary: Uses the secondary button color defined in each color scheme.
  • Outline: A button with a border and no fill.


You can add more than one lookbook collection, as on this demo example.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us