Product cards

About:

Product cards are essential elements in showcasing your products on your website. They provide a visually appealing way for customers to browse and interact with your merchandise. The Product Cards settings allow you to customize various aspects of how your products are displayed, including media, badges, add to cart options, variants, and swatches.

---

Media Settings:

Show Secondary Media on Hover: (Enables the display of secondary media (such as additional product images) when users hover over the product card.)

Product Media Ratio: (Specifies the aspect ratio for product media, allowing you to choose from options like Auto, 1:1, 3:4, and 4:5.)

Media Fit: (Defines how product media should fit within its container, with options for Cover and Contain.)

Badges Settings:

Show Product Card Badges: (Determines whether badges, such as product labels or promotional tags, should be displayed on product cards.)

Badge Display Position: (Specifies the position of badges relative to the product card, with options for Left or Right placement.)

Add to Cart Settings:

Show Quick Add to Cart Option: (Enables a quick add to cart button, allowing customers to swiftly add products to their cart without navigating to the product page.)

Add to Cart Button Content: (Defines the content of the add to cart button, with options for Icon, Text with Icon, or Text only.)

Inverse Add to Cart Button Color: (Inverts the color of the add to cart button for enhanced visibility or aesthetic purposes.)

Variants Settings:

Desktop Display Options: (Specifies how product variants should be displayed on desktop devices, with options for None, Info, or Buttons.)

Mobile Display Options: (Specifies how product variants should be displayed on mobile devices, with options for None, Info, or Buttons.)

Swatches Settings:

Show Product Swatches: (Determines whether product swatches (representing different product variations) should be displayed.)

Circle Product Swatches: (Formats product swatches in circular shapes for a distinctive visual style.)

Swatches Option Name: ( Specifies the name of the option associated with the swatches, such as Color or Material.)

---

Customize your product cards to create engaging and user-friendly shopping experiences for your customers. Utilize the Product Cards settings to tailor the display of your products according to your brand identity and customer preferences.

Contact Us