Image product banner
The "Image product banner" section is provide by the Flute theme. show off your banner in style with a image product banner section.
Layout
Customization of the "Layout" in this section is as follows:
Wide
Grid
Banner height
Customization of the "Banner height" in the image product banner section is as follows:
Adapt to first image
Small
Medium
Large
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
Heading
Enter text to display as a main heading of the section.
Pagination
Style
Customization of the "Pagination" in the section is as follows:
Dot
Image
None
Color
You can customize the pagination color using this settings.
Add Banner slide
To add blocks to the Image product banner section, click on the 'Banner slide'. There are many options available similar to the banner slide, as you can see in the below points and screenshot:
Image
Used image to upload the main banner image.
Pagination image
Optional — upload a separate image to use as the pagination thumbnail. If left blank, the main image will be used for pagination.
Enable product
Toggle this on to Show a product in banner slide.
Product
Choose the product that you want to add in banner slide.
Heading
Heading
Add a heading that displays over the banner image.
Size
Customization of the "Heading Size" in the banner slide is as follows:
Small
Medium
Large
Desktop content placement
To change the position of the content on the banner slide, utilize the "Desktop content placement" setting. Customization of the "Desktop content placement" in the Image product banner section is as follows:
Top left
Top center
Desktop content alignment
Customization of "Desktop content alignment" in desktop devices is as follows:
Left
Center
Right
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
Mobile layout
Image
Upload a separate image specifically optimized for mobile view.
Mobile content alignment
The content alignment customization in mobile devices is as follows:
Left
Center
Right
Last updated