Banner with product

Live Chat Support | Webibazaar Templatesalesiq.zohopublic.in

The "Banner with product" section is provide by the Lyra theme. This section is used to add a Image banner with a text and products.

Recommendation Size Banner with product image desktop size: 1920x810 Banner with product image mobile size: 767x900

Setting	Description
Layout	Customization of the "Layout" in this section is as follows: Full width Container
Heading	Text Enter text to display as a title in the section. Text size Following is the font size customization of the heading of the section: Small Medium Large Content title Enter text to display as a content title in the section. Content title size Following is the font size customization of the content title of the section: Small Medium Large Banner height Customization of the "Banner height" in this is as follows: Adapt to first image Small Medium Large Show content beside to image Enable this feature to display content beside the image. 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
Product	Enable product Enabling this feature will display the product on the top-left side of the banner. Note: This feature will only work when the "Show content beside image" option is disabled. Image ratio Customization of the "Image ratio" in this is as follows: Adapt Portrait Square Enable product type Enabling this feature will display the product type.

Add block

To add block to the Banner with product section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

Block	Description
Image	Use "Image" to add the main image to the section.
Image overlay opacity	By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Image Overlay Opacity" setting to increase or decrease the opacity level of the overlay on the banner image.
Heading	Enter text to display as a title text on the section block.
Product	Select a product to display products in the section.
Product card color scheme	In this section, you can change the background and foreground color of a Product card using the color scheme. Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5 Scheme 6 Scheme 7
Mobile layout	Mobile image Use "Mobile 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.