Product cards

Live Chat Support | Webibazaar Template

Use this setting to customize the "Product cards" Styles, Image Padding, Text alignment, Color scheme, Border, and Shadow.

Setting	Description
Style	Choose the product card style: Standard Card
Color scheme	Choose the color scheme for the product card.. Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5
Product title font type	Choose the Product title font type: Body Heading
Image padding	Set the image padding around product images in pixels.
Text alignment	Customization of "Text alignment" within the product card is as follows: Left Center Right
Image ratio	Choose how the product image ratio is displayed: Adapt to image Square Portrait
Image shape	Product image shape customizations in a section are as follows: Default Arch Blob Chevron left Chevron right Diamond Parallelogram Round
Show second image on hover	Toggle to display the second product image when a user hovers over the product card.
Enable price below the title	By enabling this checkbox you can “Show price below the title”.
Show quantity	By enabling this checkbox you can display the “Product quantity field”.
Show vendor	Toggle to show the product vendor (brand) in the product card.
Show product rating	Enable to display the product rating (requires a product rating app)
Select review app	Choose the review app to display product reviews on product cards: Judgeme Loox Wisernotify Okendo Default
Sale price color	You can modify the price color of the sale price text.
Variants	Show variants By enabling this checkbox you can display the “Product variants”. Type 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 Enable color swatches Enabling this checkbox will show the "Variant color." Enable color variant This is used for display only color and change product image on variant hover. It only applicable when 'show variants' is disabled
Quick look	Enable this checkbox to display the "Quick look button". Quick look position Customization of the "Quick look position" in the all product card section is as follows: Top right Bottom left Bottom right
Add to cart	Add to cart style on image Customization of the "Add to cart style on image" in the Featured collection section is as follows: Style 1 Style 2 Add to cart position Customization of the "Add to cart button position" in the Featured collection section is as follows: None Bottom On image Show add to card on hover on image in desktop Enabling this checkbox to show add to cart on hover on image in desktop. This is work for only when add to cart button position "on image" option selected.
Border	Thickness: Set the border thickness of the product card in pixels. Opacity: Adjust the opacity of the product card border. Corner radius: Set the corner radius of the product card border (in pixels), giving it rounded edges.
Shadow	Opacity: Adjust the opacity of the product card shadow. Horizontal offset: Set the horizontal offset (in pixels) for the shadow of the product card, creating a shadow effect to the left or right. Vertical offset: Set the vertical offset (in pixels) for the shadow of the product card, creating a shadow effect above or below. Blur: Set the blur radius (in pixels) for the product card shadow, creating a soft, blurred shadow.

Select the app you have installed from the dropdown menu to display the rating.