SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ecomus - Lookbook sections

Lookbook Carousel, Lookbook Product, and Lookbook Single.
Annie

Written by Annie

Last updated

955 views

On this page


There are 3 Lookbook sections: Lookbook Carousel, Lookbook Product, and Lookbook Single.

These sections allow you to create a beautiful look. One of the best sections that make customers is the right-first-time access to your store.

You can look over this video about 3 lookbook sections:

Steps: In the Theme editor (Customize) > Add section > Lookbook Carousel/Product/Single > Save.

1. Lookbook carousel

1.1. Lookbook item

Click on Lookbook carousel > Add Lookbook item.

2024-01-23_16-13-49.png

You can add Lookbook images and pin products.

2024-01-23_16-16-53.png

You can also adjust the position of the Pin Product by using Position Top and Position Left

1.2. Lookbook carousel settings

  • Heading options: fill in Heading & Description, Heading tag, Margin heading

2024-01-23_16-20-19.png
  • General options: you can adjust Image ratio, Item show, Pin placement and Slider settings: Navigate style, Use prev/next button and dots. Please check this video:

  • Section padding: Please follow this guideline to configure the Color Scheme and Padding for the section.

2. Lookbook product

2.1. Pin product item

Click on Lookbook product > Add Pin product.

You can add choose a product and set up the position for the pin.

2024-01-24_8-42-44.png

2.2. Lookbook product settings

  • You can choose a Lookbook image, fill in Label and Heading, configure Image ratio for product images

2024-01-24_8-45-53.png
  • Color: You can learn more about color in this article.

  • Slider settings: Use the prev/next button and dots.

2024-01-24_8-48-25.png
  • Section padding: Use for adjusting the top and bottom padding of the section on Desktop and Mobile devices.

3. Lookbook single

3.1. Pin product item

Click on Lookbook single > Add Pin product.

You can add choose a product and set up the position for the pin.

2024-01-24_8-50-02.png

3.2. Lookbook single settings

  • Heading options: fill in Heading & Description, Heading tag, Margin heading.

2024-01-24_8-56-36.png
  • General options: you can adjust Image ratio, Pin placement. Please check this video:

  • Section padding: Use for adjusting the top and bottom padding of the section on Desktop and Mobile devices.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.