Vertical banner
The "Vertical banner" section is provide by the Flute theme. show off your products in style with a vertical banner section - a visual banner collection that tells the story of your brand through eye-catching images.
Layout
Customization of the "Layout" in this section is as follows:
Wide
Grid
Heading
Enter a text to display as a main heading of vertical banner section.
Banner height
Customization of the "Banner height" in the shop the vertical banner section is as follows:
Full screen height
Adapt to first image height
Small
Medium
Large
This feature will not work on mobile when the "Full screen height" is set to enable.
Enable product
Turn this on to display products directly within the vertical banner.
List product background
In this section, you can change the background and foreground color of a List product in vertical banner section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
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
Mobile layout
Full screen height
Turn this on to make the banner fill the full screen height on mobile devices.
Add product collection
To add blocks to the vertical banner section, click on the 'Product collection'. There are many options available similar to the product collection, as you can see in the below points and screenshot:
Image
Image Use "Image" to add the image to the product collection block.
Control image opacity
Using this settings, you have the ability to change the opacity of the image overlay. Modify this settings to increase or decrease the opacity level of the overlay on the vertical banner image.
Subheading
Enter text to display as a subheading in the product collection block.
Heading
Text Enter text to display as a title in the product collection block.
Icon
Use "Icon" to add the icon image to the product collection block. Text Size
Customization of the "Text Size" in the product collection block is as follows:
Small
Medium
Large
Small text Enter text to display as a small text in the product collection block.
Description
Text
Enter text to display as a description in the product collection block.
Button
Label
Use "Label" to add Button label in the product collection block.
Link
Use "Link" to add a link to the Button in the product collection block.
Desktop content placement
Customization of the "Desktop content placement" in the product collection block is as follows:
Top left
Top center
Middle left
Middle center
Bottom left
Bottom center
Desktop content alignment
The content alignment customization of the product collection block in desktop devices is as follows:
Left
Center
Righ
Product
Select a product to display in the product collection block.
Color scheme
In this section, you can change the background and foreground color of the block using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Mobile layout
Image
Use "Image" to add the mobile image to the section. this is optional because it will take desktop image when mobile image will not be added.
Content alignment
The content alignment customization in the vertical gallery section is as follows:
Left
Center
Right
Last updated