> For the complete documentation index, see [llms.txt](https://attr.sygnal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-captions/popular-lightbox-setups.md).

# Popular Lightbox Setups

## Featured Photos + View All Button

This UX consists of;

* A limited number of featured item thumbnails
* A button to view all images
* Clicking any of the thumbnails, or the button, invokes the lightbox which shows a much larger number of images

<figure><img src="/files/mzEVzySM1QikohzHDt1A" alt=""><figcaption></figcaption></figure>

The implementation for this can take many approaches.  Here we're going for a CMS-driven gallery where the entire gallery, including the featured items and captions, are sourced from a single multi-image field in the CMS.&#x20;

*Here we'll walk through the basics of the design approach, and how you can build this on your site.*

{% embed url="<https://www.loom.com/share/53396f7c0f71445b86eab845f94f98a8>" %}