Product cards

Setting Description
Style
  • Standard: This option displays product cards without any visible border or color container view.
  • Card: This option arranges the image, heading, price, and buttons within a single card with a distinct background from the surrounding section.
Image padding Add Image padding using the slider. This adds space around your card images.
Heading font family
  • Heading
  • Body

In Theme Settings, the heading can have a different font family from the body text. You can apply one of these styles to the headings.

Heading font weight

The option allows you to customize the font weight of headings in product cards:

  • Regular
  • Medium
  • Semi bold
  • Bold
Text alignment

You have three alignment options for positioning text under a product image or within the product card (heading, priceā€¦):

  • Left
  • Center
  • Right
Color scheme Applying a chosen color scheme to product cards from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website.


Product compare


Setting Description
Enable compare button Activate the option to display the add to comparison button.
Button style

Choose a style for the "Clear all products" button from three available:

  • Inline button
  • Inline button with underline on hover
  • Inline button with icon
Modal color scheme

Choose a color scheme for the product comparison pop-up.

Applying a chosen color scheme to the product comparison pop-up from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website.


Border settings


Customize the appearance of your border:

Setting Description
Thickness Use the slider to adjust thickness of border. The range is from 0px to 24px.
Opacity You can increase or decrease visibility of border color to make it more expressive or less noticeable.
Corner radius Use the slider to control the rounding of product cards. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us