Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Lookbook

PreviousMapNextSlideshow

Last updated 9 months ago

The "Lookbook" section is provide by the cello theme. show off your products in style with a Lookbook section - a visual collection that tells the story of your brand through eye-catching images.

Setting
Description

Make section full width

By enabling this checkbox, you can make full width section.

Subheading

Enter text to display as a subheading in the section.

Subheading style

Following is the subheading style customization of the Lookbook of the section:

  • Solid

  • Outline

  • Link

Heading

Enter text to display as a title in the section.

Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Heading alignment

Following is the heading alignment customization of the section:

  • Left

  • Center

Description

Enter text to display as a description in the section.

Description style

Customization of the "Description style" in this section is as follows:

  • Body

  • Subtitle

  • Uppercase

Image height

Customization of the "Image height" in the lookbook section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Product preview position

Customization of the "Product preview position" in the lookbook section is as follows:

  • In side

  • Out side

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Add block

To add blocks to the Lookbook section, click on the 'Add image'. There are many options available similar to the lookbook.

Block
Description

Image

Use "image" to add the image to the section.

Outside active product color

Set background color for active product.

Product

Position top You can set the position of the product image from the top using position top. You can set a minimum of “0%” and a maximum of “100%” from the top. Position left You can set the position of the product image from the left using position left. You can set a minimum of “0%” and a maximum of “100%” from the left. Select product Select a product to display selected product in the section.

Live Chat Support | Webibazaar Template
Logo