{"product_id":"shopify-featured-list","title":"Shopify Featured List","description":"\u003cp dir=\"ltr\"\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/5326\/0050\/files\/znt-born-accessible-copy.png?v=1741296101\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eEmpower merchants to create versatile, accessible content showcases with flexible layouts, comprehensive product card functionality, and full WCAG 2.2 compliance, creating engaging and inclusive shopping experiences.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eAddress Content Showcase and Accessibility with Confidence\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eFlexible content showcases can significantly enhance customer engagement and product discovery, but without proper accessibility controls and consistent product card functionality, they can create barriers for customers using assistive technologies or keyboard navigation. The Zenyth Featured List component provides a comprehensive, accessible solution that meets WCAG 2.2 requirements by ensuring full keyboard navigation, screen reader support, and proper ARIA implementation, while delivering rich product card functionality through the integrated \u003c\/span\u003e\u003cspan\u003ezenyth-card-product.liquid\u003c\/span\u003e\u003cspan\u003e snippet.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eSeamless Integration for Shopify Stores\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eDeveloped specifically for Shopify, this accessibility-first component installs easily into any theme and automatically integrates with your product catalog, collections, blog posts, and pages. The component uses the \u003c\/span\u003e\u003cspan\u003ezenyth-card-product.liquid\u003c\/span\u003e\u003cspan\u003e snippet to provide rich product card functionality including variant selection, add to cart, quick view, and social sharing. A clean, responsive interface allows customers to explore products, collections, and content in flexible grid or carousel layouts. The solution works across devices and browsers, ensuring consistent behavior for all visitors.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eBuilt-In Accessibility and Usability Standards\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eZenyth's Featured List component includes ARIA labels, keyboard focus management, screen reader announcements, and visible states for all controls, ensuring full compatibility with assistive technologies. The component integrates seamlessly with the \u003c\/span\u003e\u003cspan\u003ezenyth-card-product.liquid\u003c\/span\u003e\u003cspan\u003e snippet, which provides comprehensive product card accessibility features including accessible color swatches, keyboard-navigable variant selectors, and proper form controls. The component is designed for easy customization, allowing developers to match brand styles while maintaining accessibility integrity. It is an effortless way to make your store more compliant, inclusive, and user-friendly.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003ePart of Zenyth's Accessibility Ecosystem\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eAs part of Zenyth's family of accessible Shopify tools, the Featured List component helps your brand proactively align with WCAG 2.2, ADA, and AODA requirements. It's ideal for merchants seeking to enhance accessibility without adding technical overhead or redesigning their store, while providing rich product card functionality through the integrated product card snippet.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eFlexible content types: products, collections, blog posts, pages, and custom cards\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eRich product card functionality via \u003c\/span\u003e\u003cspan\u003ezenyth-card-product.liquid\u003c\/span\u003e\u003cspan\u003e snippet\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eGrid or carousel display with responsive column controls\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eOptional main image with content overlay\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eCollection products block for displaying multiple products from a collection\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eFully compliant with WCAG 2.2 Level AA standards\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eIntegrated ARIA labels and keyboard-accessible controls\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eResponsive, theme-friendly design compatible with all Shopify templates\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eLightweight installation with efficient rendering\u003c\/span\u003e\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\u003cspan\u003eBuilt and maintained by Zenyth's accessibility experts\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eBenefits for Developers and Organizations\u003c\/span\u003e\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eEnsures compliance\u003c\/span\u003e\u003cspan\u003e with accessibility regulations (WCAG 2.2, ADA, AODA)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eImproves user engagement\u003c\/span\u003e\u003cspan\u003e through flexible content showcases and rich product card functionality\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eProvides versatility\u003c\/span\u003e\u003cspan\u003e to display products, collections, blog posts, pages, and custom content\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eEnhances product discovery\u003c\/span\u003e\u003cspan\u003e with comprehensive product card features (variants, add to cart, quick view)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eEnhances SEO\u003c\/span\u003e\u003cspan\u003e and brand reputation through inclusive design practices\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eMinimizes remediation costs\u003c\/span\u003e\u003cspan\u003e by resolving accessibility barriers at the source\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003ePlug-and-play integration\u003c\/span\u003e\u003cspan\u003e for quick adoption across existing Shopify themes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli dir=\"ltr\" role=\"presentation\"\u003e\n\u003cspan\u003eOngoing updates\u003c\/span\u003e\u003cspan\u003e from Zenyth to maintain compliance and performance\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003e\u003cb id=\"docs-internal-guid-a94cd63c-7fff-11a0-127f-bd7fd899c1a4\"\u003eLearn more about \u003ca href=\"https:\/\/www.zenythgroup.com\/\"\u003eZenyth's\u003c\/a\u003e end-to-end accessibility solutions.\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Shop.Zenyth","offers":[{"title":"Default Title","offer_id":51774753898770,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0914\/5326\/0050\/files\/shopify-subscription.webp?v=1738796381","url":"https:\/\/zenythgroup.com\/pt\/products\/shopify-featured-list","provider":"Shop.Zenyth","version":"1.0","type":"link"}