Product cards

Live Chat Support | Webibazaar Template

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

Block	Description
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
Style	Customization of the "Style" in this section is as follows: Standard Card
Card heading transform	Customization of the "Card heading transform" in this section is as follows: Default Uppercase Capitalize
Display card border	Toggle to show or hide a border around product cards.
Image ratio	Set how the product image is displayed: Adapt to image Square
Text alignment	Choose how the text content (title, price) aligns within the product card: Left Center Right
Enable card image slider	Toggle to enable an image slider within product cards when multiple images are available.
Card slider pagination color	In this section, you can change the background and foreground color of a section using the card slider pagination color scheme. Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5
Price position	Choose whether the product price appears: Before product title After product title
Price color	Choose the color of the product price text.
Use video	Toggle to show the MP4 video if it is the first media item for the product (does not work for YouTube or Vimeo embeds).
Show second image on hover	Toggle to show the second product image when the user hovers over the product card.
Show vendor	Toggle to show the product vendor (brand name) below the product title.
Show product rating	Toggle to display product ratings (requires a product rating app).
Enable add to cart button	Toggle to show or hide the “Add to cart” button when variants are disabled.
Show add to cart button animated on hover	Toggle to animate the “Add to cart” button on hover (desktop only).
Add to cart button style	Choose the style of the “Add to cart” button: Outline Solid
Add to cart position	Choose where the “Add to cart” button appears: Over the image Below the image
Enable quick view button	Toggle to enable a quick view button for products (desktop only).
Quick view button style	Choose the style of the quick view button: Icon Text
Swatches	Show color swatch Toggle to display color swatches when variants are disabled.
Variants	Show variants Toggle to display product variant selectors (like size or color options). Show variants label Toggle to show or hide the label for variants (like “Size” or “Color”). Type Choose how the variant options are displayed: Dropdown Pills Enable color swatch Toggle to enable color swatches for variants (requires “Pills” type to be selected).