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

Image gallery

PreviousFAQNextCustom Liquid

Last updated 9 months ago

The "Image gallery" section is provide by the Viola theme. This section is used to add a Image wise-banner with a title,description and button.

Setting
Description

Heading

Enter text to display as a heading in the section.

Heading size

Customization of the "Heading size" in the Image gallery section is as follows:

  • Small

  • Medium

  • Large

Heading alignment

Customization of the "Heading alignment" in the Image gallery section is as follows:

  • Left

  • Center

Image ratio

Customization of the "Image ratio" in the Image gallery section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Enable carousel on desktop

Use "Enable carousel on desktop" to show the slider carousel on the desktop screen.

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “1” and a maximum of “3” image.

Mobile Layout

Enable swipe on mobile The image slides when the checkbox is activated and the image does not slide when the checkbox is not active.

Text color

You can modify the text color in image gallery section.

Image overlay button color

Button label You can modify the button label color in image gallery section.

Button background You can modify the button background color in image gallery section.

Button border You can modify the button border color in image gallery section.

Button hover label You can modify the button hover label color in image gallery section.

Button background hover You can modify the button background hover color in image gallery section.

Button border hover You can modify the button border hover color in image gallery section.

Add image

To add image to the Image gallery section, click on the 'Add image gallery'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

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

Heading

Heading Enter text to display as a title in the section.

Buttons

Button label Use "Button label" to add a label to the Button in the section. Link URL Use "Link URL" to add a link to the Button in the section.

LogoLive Chat Support | Webibazaar Template