Product with image

Live Chat Support | Webibazaar Template

This section is used to add a product wise-banner with a title and description.

Setting	Description
Image ratio	In the section, Image size customization is as follows: Adapt to image Portrait Square
Show product type	By enabling this checkbox you can display the "Product type."
Show product rating	By enabling this checkbox you can display the "Product rating."
Show second image on hover	By enabling this checkbox you can “Show the second image on hover.”
Show vendor	By enabling this checkbox you can display the "Product vendor."
Add to cart button style on desktop	Add to cart button style on desktop customizations in a section are as follows: Link Outline button Solid button
Enable quick view button	By enabling this checkbox you can display the Quick view button.
Quick view position on desktop	Quick view position on desktop customizations in a section are as follows: Top right Bottom left Bottom right
Quick view icon	Quick view icon customizations in a section are as follows: First icon Second icon
Spacing around quick view on desktop	You can adjust the spacing around quick view and set it to the minimum spacing of “0px” and a maximum size of “10px.”
Show color/size variants	Activating the checkbox shows the product color and size variant. If the type is "Dropdown," then the variant would be dropdown. And if the type is “Pills,” then the variant would be Pills. The variant types are as follows: Type: Dropdown Pills
Disable sold out variant	Enabling this checkbox will "Disable sold out variant". Applicable when type is set to pills.
Enable color swatches	By enabling this checkbox you can show the “Variant color.”

Click on "Add Product with Image" and its customization is as follows.

Block	Description
Image	Use "Image" to add the image to the section.
Image ratio	Image customizations in a section are as follows: Adapt to image Portrait Square
Heading	Enter text to display as a title on the section.
Subheading	Enter text to display as on the "Subheading" section.
Link	Use "Link" to add a link to the section image.
Product	“Select Product” is for selecting a product in a section.