Portfolio Gallery for Shopify Dawn Theme

I needed a way to add a group of images into a thumbnail gallery and upon click open in Lightbox with previous/next arrows and close X. This is not stock in the Shopify platform, so I put my developer hat back on and ChatGPT and I accomplished this with 2 standalone files that work on the Dawn theme. It will appear as a Section in the Theme Editor. It supports captions and category filtering. The layout renders a uniform grid gallery.

Below are the instructions and content, no coding knowledge required to implement. When you update your theme via Shopify's Online Store channel, you will need to go into the source and re-create these files to restore the gallery function.

This script has been debugged. I will keep it updated here if I encounter more bugs so there is always a fresh, working block.

Make a backup of your existing theme and work it out before publishing.

In Online Store » Themes » ... » Edit Code

• Under "assets" create a New File and name it: portfolio-gallery.css
• Copy and paste this entire block of code into the new file and save.

• Under "sections" create a New File and name it: portfolio-gallery.liquid
• Copy and paste this entire block of code into the new file and save.

That's it! Please comment if you found this helpful.