Multicolumn Formatting and Image Modal Popups with Text in Dawn

Store Design
, , , ,
1

I would like to take our multicolumn of photos and have a unique link over each image that creates a modal popup so a customer can get more information from the photo/word. I want the words on top of the images and the images themselves to be clickable. The popup needs to be in the same window, and it can just be simple with an “X” on the top right to dismiss the popup, or a customer can slick outside the popup to dismiss it.

I would also like to reduce the height of the entire multicolumn section and reduce the space between the header and the images.

1 Like
2

Hello @caskincare ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to product-template.liquid file → add this following code at the bottom of page


  

    
      
    
    

      ### Title 1
      

Description 1

    

  

  

  

    ×
    ### Title
    

Description

Hope this can help

Ali Reviews team

3

@irene-vintage Thank you for replying to this questions and my other post. I have the same issue with this response: I cannot find the “product-template.liquid” file on the Dawn theme in the code editor. Please advise. Thank you.