Product cards are simply the visual cards that represent each product in your shop or product archives. This guide walks you through the customization options available for product cards, accessible via Customize > Product Catalog > Product Card.
Once you open the Product Card section, you’ll find the following options:
- Layout: Choose to display the product price alongside the product title for a streamlined look.
- Add to Cart Button: Use this setting to either hide the Add to Cart button on shop archives or customize its position to best suit your layout.
- Quick View: Enable a Quick View button that appears on hover. This feature triggers a popup displaying key product information, allowing customers to view details without navigating away.
- Card Elements, Alignment, and Spacing: Use drag-and-drop to rearrange product elements within the card. Enable or disable specific elements using the eye icon. Adjust the alignment of text and content within the product card. Control the vertical spacing between card elements for a well-organized appearance.
