Product cards

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

Setting
Description

Style

Choose the product card style:

  • Standard

  • Card

Product title text transform

Customization of "Text transform" within the product card is as follows:

  • Default

  • Lowercase

  • Capitalize

  • Uppercase

Image padding

You can adjust the image padding in product card using this setting. You can set image padding in range between “0px.” to “20px.”

Text alignment

Customization of "Text alignment" within the product card is as follows:

  • Left

  • Center

  • Right

Card color scheme

Choose the color scheme for the product card..

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Image ratio

Choose how the product image ratio is displayed:

  • Adapt to image

  • Square

  • Portrait

Show second image on hover

Toggle to display the second product image when a user hovers over the product card.

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)

Enable quick look button

Enable this checkbox to display the "Quick look button".

Quick look button style

Customization of "Quick look button style" within the product card is as follows:

  • Link

  • Outline Button

  • Solid Button

Display only color

Enable this checkbox to show only color variants on product card. This is used for display only color and change product image on variant hover. It only applicable when "Add to cart button" and "Variant" is disabled.

Enable add to cart button

Enable this checkbox to show add to cart button on product card.

Variants

Show variant By enabling this checkbox you can display the “Product variants”. Show variant label By enabling this checkbox you can show variant label. 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 By enabling this checkbox will show the "Variant color."ly applicable when 'show variants' is disabled.

Stock bar

Show stock bar Check this box to display the "Stock bar" in the product card.

Show stock inventory only

Enable this checkbox to display 'Stock inventory' only in product card. Maximum stock Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200". Limit stock cut off Adjust the limited stock cut-off for the stock countdown.

Limit stock message Display limit stock message.

In stock message Display the "In stock" message.

Continue selling message Display the "Continue selling" message. Colors Customize the colors of Limited stock, In stock and Continue selling text.

Timer ending text

The entered text will be displayed as a timer expiration message. It will appear once the date has expired.

Last updated