Vertical gallery

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

Setting
Description

Layout

Customization of the "Layout" in this section is as follows:

  • Full width

  • Container

Number of columns on desktop

Customization of "Columns on desktop" in desktop devices is as follows:

  • 1 column

  • 2 column

Show zoom image on hover

By enabling this checkbox, you can show zoom image on hover.

Banner height

Customization of the "Banner height" in the shop the vertical gallery section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Enable parallax effect

By enabling this checkbox, you can show parallax effect in the section.

Background image

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

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

  • Scheme 6

  • Scheme 7

Add image

To add blocks to the shop the look section, click on the 'Add image'. There are many options available similar to the shop the look, as you can see in the below points and screenshot:

Block
Description

Heading

Text Enter text to display as a title in the section. Size

Customization of the "Size" in the slide is as follows:

  • Small

  • Medium

  • Large

Text description Enter text to display as a description in the section.

Button

Button label

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

Button link

Use "Button link" to add a link to the Button in the section.

Button style

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

  • Link

  • Outline

  • Solid

Position Customization of the "Position" in this section is as follows:

  • Left

  • Center

Image

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

Icon with text

Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Box

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Leather

  • Lightning bolt

  • Lock

  • Map pin

  • Nut free

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

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

Heading

Text Enter text to display as a title in the section. Size

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

  • Small

  • Medium

  • Large

Button

Button label

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

Button link

Use "Button link" to add a link to the Button in the section.

Button style

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

  • Link

  • Outline

  • Solid

Show content background

Enable this checkbox to show content background in section.

Content background opacity

By enabling this checkbox, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the section.

Enable blur background

Enabling this checkbox allows you to display a blurred background.

Color scheme

In this section, you can change the background and foreground color of the container using the color scheme:

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

  • Scheme 7

Animations

Image behavior

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

  • None

  • Ambient movement

Mobile layout

Content alignment

The content alignment customization in the vertical gallery section is as follows:

  • Left

  • Center

  • Right

Last updated