Dawn product gallery: arrows and vertical thumbnails

Dawn's product gallery does not ship with arrows or a vertical thumbnail stack. You paste one snippet into the product section and turn those options on in Customize. It stays on Dawn's own slider, so you are not installing a gallery app. Last tested on Dawn in 2026.

Making a backup of your theme

Downloading the files

Bottom:

main-product:

Step 1: adding the "top" code

1. From your Shopify admin, navigate to Online Store > Themes > Actions > Edit Code.
   
2. Type the following on the search bar:
   
   main-product.liquid
   
   And open the file that is found.
   
3. In this tutorial there is a file called top.txt. Copy all the code inside of this file.
4. Paste the code at the beginning of your main-product.liquid file, as the image indicates.
   
   Before:
   
   
   After:
   
   

Step 2: adding the "bottom" code

1. Still inside the "main-product.liquid" file, press CTRL + F (or CMD + F on Mac) and search for:
   
   {% schema
   
   Make sure you include the space after %.
   
   
   
2. Now, delete everything below the {% schema %} line, including the {% schema %}.
   
   
3. In this tutorial there is a file called bottom.txt.
   
   Copy all the code inside of this file and paste it at the very bottom of the file.
   
   
4. That is it!

Final step: activating and customizing the slider

1. From your Shopify admin, navigate to Online Store > Themes >Customize. Choose the theme that you just added the code to.
   
2. At the top, from the dropdown options, select Products> default product.
   
   
3. Once this page loads, click on Product Information on the left.
   
4. Scroll down to Media and activate whatever option you'd like. In this case, we'll enable the vertical thumbnails:

Something went wrong, there is a bug or I can't install it

No worries at all! We'll be more than happy to help you out.

Just please send us an email to ezfycode@gmail.com with your website URL and we'll get back to you on the same day to assist you and get it installed.

Related: color swatches on the product page, sticky add to cart, custom fonts.