CMS Development

Margot
Member

Pop-up image

SOLVE

I've got a catalog page with thumbnail images...I'd like to open a larger image when the thumbnail is clicked, with a close option. I'm a designer with little coding experience, so you'll need to be kind. Thanks!

1 Accepted solution
Jsum
Solution
Key Advisor

Pop-up image

SOLVE

(in the beta design manager) create a custom module using an image field, and turn it into a repeater. 

 

Check out Magnific Popup: http://dimsemenov.com/plugins/magnific-popup/

 

download the magnific popup plug in, add the css and js files to your design manger, link them to your custom module using the left sidebar, and wrap the image repeater code snippet in your custom module with Magnific Popup's default markup. 

 

Add your custom module to a template, and that's all there is too it. I've actually done this several times before so I know it works.

View solution in original post

0 Upvotes
2 Replies 2
Jsum
Solution
Key Advisor

Pop-up image

SOLVE

(in the beta design manager) create a custom module using an image field, and turn it into a repeater. 

 

Check out Magnific Popup: http://dimsemenov.com/plugins/magnific-popup/

 

download the magnific popup plug in, add the css and js files to your design manger, link them to your custom module using the left sidebar, and wrap the image repeater code snippet in your custom module with Magnific Popup's default markup. 

 

Add your custom module to a template, and that's all there is too it. I've actually done this several times before so I know it works.

0 Upvotes
Margot
Member

Pop-up image

SOLVE

I still need this functionality, but unfortunately this solution is over my head. Plus, I've got LOTS of images, so one-by-one would not be time efficient. I was hoping there was some interna HubSpot function that would make it easy...