Shopify Featured List

Empower 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.

Address Content Showcase and Accessibility with Confidence

Flexible 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 zenyth-card-product.liquid snippet.

Seamless Integration for Shopify Stores

Developed 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 zenyth-card-product.liquid 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.

Built-In Accessibility and Usability Standards

Zenyth'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 zenyth-card-product.liquid 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.

Part of Zenyth's Accessibility Ecosystem

As 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.

Features

• Flexible content types: products, collections, blog posts, pages, and custom cards
• Rich product card functionality via zenyth-card-product.liquid snippet
• Grid or carousel display with responsive column controls
• Optional main image with content overlay
• Collection products block for displaying multiple products from a collection
• Fully compliant with WCAG 2.2 Level AA standards
• Integrated ARIA labels and keyboard-accessible controls
• Responsive, theme-friendly design compatible with all Shopify templates
• Lightweight installation with efficient rendering
• Built and maintained by Zenyth's accessibility experts

Benefits for Developers and Organizations

• Ensures compliance with accessibility regulations (WCAG 2.2, ADA, AODA)
• Improves user engagement through flexible content showcases and rich product card functionality
• Provides versatility to display products, collections, blog posts, pages, and custom content
• Enhances product discovery with comprehensive product card features (variants, add to cart, quick view)
• Enhances SEO and brand reputation through inclusive design practices
• Minimizes remediation costs by resolving accessibility barriers at the source
• Plug-and-play integration for quick adoption across existing Shopify themes
• Ongoing updates from Zenyth to maintain compliance and performance

Learn more about Zenyth's end-to-end accessibility solutions.