Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • 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.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Lookbook

PreviousText with iconsNextTestimonials

Last updated 1 month ago

Set Lookbook’s multiple product images in any position.

Section
Description

Heading

Enter text to display as a title on the section.

Heading size

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

  • Small

  • Medium

  • Large

Heading alignment

Customization of "Text alignment" as follows:

  • Left

  • Center

Button label

Use "Button label" to add a label to the button in the section.

Button style

Customization of the "Button style" in the Lookbook section is as follows:

  • Link

  • Outline button

  • Solid button

Desktop button size

Customization of the "Button size" in the lookbook section is as follows:

  • Default

  • Large

Image

Used "Image" to add to the image in the section.

Lookbook width

Customization of "Lookbook width" as follows:

  • 50%

  • 100%

Product position

Customization of "Product position" as follows:

  • Top

  • Bottom

Desktop image position

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

  • Left

  • Right

Product name size

Following is the Product name size customization :

  • Small

  • Medium

  • Large

Position top

"Position top" is used to customize the Lookbook icon from the icon position top to bottom. You can give a minimum of 0%, and a maximum of 100% value to “Position top”.

Position left

Use "Position left" to customize the Lookbook icon's position from left to right. You can give a minimum of 0%, and a maximum of 100% value to “Position left”.

Select product

"Select product" is for selecting a product in a section.

Live Chat Support | Webibazaar Template
Logo