The Card Widget is a highly versatile and visually engaging feature designed to showcase product recommendations directly on your Shopify store. It presents products in an organized, card-style layout that is easy to navigate and aligns seamlessly with your store’s design. This widget helps merchants highlight products in a way that grabs attention, improves product discoverability, and boosts sales.
A Card Widget is a structured product display that highlights individual items in separate "cards." Each card typically includes key product details, such as:
- <b>Product Image:</b> A visually appealing thumbnail that instantly captures interest.
- <b>Product Name:</b> The title of the product, presented in a clear and concise format.
- <b>Price:</b> Displaying the price encourages customers to make purchasing decisions.
- <b>Call-to-Action (CTA):</b> Includes buttons like "Add to Cart" or "View Details" to prompt immediate action.
Benefits
- The Card Widget helps customers find products they might not have seen otherwise. By suggesting relevant items, it increases the likelihood of a purchase.
- With visually appealing and interactive elements, the Card Widget keeps customers browsing your store longer.
UI Styles
The Card Widget offers two distinct UI styles to display product recommendations: Carousel and Grid. Each style serves different purposes and provides a unique way for customers to engage with your products, ensuring flexibility and alignment with your store's design.
Card Style Carousel
The Carousel Style is a horizontally scrollable layout that presents product recommendations in a sleek and interactive format. Customers can browse through recommendations by clicking on navigation arrows or swiping (on touch devices). The carousel saves space while showcasing multiple products, making it ideal for sections with limited room.

Card Style Grid
The Grid Style displays products in a structured grid layout, showing multiple recommendations at once. All recommended products are visible at once.

