Product with image
Last updated
Last updated
This section is used to add a product wise-banner with a title and 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.
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.
