This section controls the global appearance and behavior of product cards across your store (e.g., on collection pages, featured product sections, and search results).
1. How do I customize the product image behavior?
Control how the main product image interacts with users.
Quick View: Toggle Show quick view to allow customers to preview product details without leaving the current page.
Hover Effect: Toggle Show secondary image on hover to automatically flip to the second product image when a user moves their mouse over the card.
2. How do I control the product title and text?
These settings help maintain a uniform grid layout.
Title Length: Use the Title maximum lines slider to limit how many lines the product name takes up. Set this to 0 for automatic lines (full title).
Note: Enabling a limit may affect the title's hover effect.Alignment: Use Text alignment to align the product name and price to the Left or Center.
3. How to display swatches and change product images on product cards?
Configure Swatch display mode, Show swatch type, and Swatch shape to control how swatches appear.
Enable Show variant image and choose Change product image on event (Hover or Click) to update product images when selecting swatches.
Note: You must add the option name you want to display as color or image swatches in Edit theme default content for this feature to work correctly.
4. How do I customize badges and URLs?
These settings affect the labels and link structure.
Badges: Select the Badge shape (Rectangle or Round) for labels like "Sale" or "New".
Show badges below image on mobile: enable this option will only applies on screens smaller than 768px (mobile). Badges no longer cover the product image to see the product image clearly
SEO URLs: Toggle Remove collection URL. This removes the collection path from product links (making them cleaner), which is often better for SEO.
