UI Kits
Ecommerce

Product Gallery

Simple product image gallery.

Usage guidance

When to use it.

Keep price, availability, status, and primary purchase action easy to identify.

Accessibility

Implementation notes.

  • Expose price and status as text.
  • Keep purchase controls keyboard accessible.
  • Use descriptive labels for product imagery.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<section class="ap-gallery"><div class="ap-gallery-main"></div><footer><button></button><button></button><button></button></footer></section>
Related components

More in Ecommerce