Lookbook Packery

This section allows you to create images packery called Lookbook, you can freely design your lookbook in many ways you like. Its very flexible.

From Theme Section Sidebar -> Add section Lookbook Packery

1.Lookbook Packery settings


  • Design heading: There are a variety of designs for you, please try each all.

  • Heading align: You can set positions Left, Center or Right for heading.

  • Heading: You can add the heading title for this Lookbook section.

  • Enter a icon name on heading: You can choose the icon that you want to add in this LineAwesome and paste the name in here (Only used for design 6).

  • Subheading: You can add the sub title for this Lookbook section.

  • Space bottom (px): You can set the vertical spacing between heading and content.


You can adjust spaces between photos for desktop and mobile devices.


  • Image ratio: Aspect ratio custom will settings in general panel.

  • Image size: This settings apply only if the image ratio is not set to 'Adapt to image'.

  • Image position: The first value is the horizontal position and the second value is the vertical. This settings apply only if the image ratio is not set to 'Adapt to image'.


This option allows you to choose any designs that you want to display for Product on Lookbook section.

We have created 6 designs for you to select, lets check it out:


  • Layout: You can choose between Container, Full width and Wrapped container.

  • Background: You can change the background color for this section.

  • Background gradient: You can change the background gradient color for this section.

  • Margin, Padding: You are allowed to change both of them for this section.

2.Image (parent)

This is parent block which mean if you want to display a pin inside an image then you need to put it below this block as Sub content.

In this Block, you can add an image and adjust image width by '%' so you can freely design your Lookbook layout flexibly.

3.Pin settings

On this section, we provide 3 types of Pin as Product, Text and Link.

3.1.Pin Settings

  • Pin position: You can adjust position for pin by Top and Left parameter.

  • Title type: There are three types of icon design for you to select.

  • Short text: You can change the text content to display when your Title type is "Short text".

  • Pin size: You can set the pin size with many selections as Small, Medium, Large and Extra large.

  • Backgound color: This option allows you to set the background color for pin.

  • Icon/Text color: This option allows you so set the color for icon and text inside pin.

[Private Offer] EComposer Partner Plan

Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated