How do I create a "gallery" type page to display images?

How do I create a "gallery" type page to display images?

landandroots
Tourist
7 0 1

Hi, my website uses the Craft theme and I am trying to add several images to a page that are clickable (to expand). I attempted a slideshow but, the ratio/image size didn't work with the slideshow format. 

 

Here is my website in progress: Land and Roots | Texas Land Development Group – Land & Roots (land-and-roots.myshopify.com)

 

I am trying to add the images to this page: Country Roads on the Lake – Land & Roots (land-and-roots.myshopify.com)

 

Here is the inspiration from another website for how I want to add my images: Gallery – Hidden Valley Homes (hiddenvalleyhomesnashville.com)

 

Thank you!

Replies 10 (10)

Lucid_Polygon
Shopify Partner
349 63 92

Hi @landandroots ,

Please include the store password so we can have a look.

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
landandroots
Tourist
7 0 1

@Lucid_Polygon "skudia" thank you!

Lucid_Polygon
Shopify Partner
349 63 92

 

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

KetanKumar
Shopify Partner
37036 3644 12019

@landandroots 

yes, its possible to some customization code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Lucid_Polygon
Shopify Partner
349 63 92

I have created a simple tutorial on how to add an image gallery to a page or blog on the Shopify website. You can follow through to create the same.

 

how-to-add-image-gallery-to-shopify-blog-page.png

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
Lilywillow-t
Visitor
1 0 0

Thank you Lucid_Polygon, This works well - can you tell me how to give my images URLs so I can replace the ones you have used as exampes?

marcoswata
Shopify Partner
123 10 38

If anyone reading this needs a solution, I have created a free responsive Image Gallery for Shopify that should work in any themes. Videos, example, code and guide can be found here.

If my answer was helpful then please Like and Accept Solution 🙂
If you need help with design, development or marketing your store, contact me!
ariel03
Tourist
10 0 2

Thank you, this looks REALLY good and is easy to use! Can add code so I can hyperlink the images instead?

OfferingsofGaia
Not applicable
1 0 0

Is there a way to add a title above each image? If its something thats not simple I can just write it on top of the image it self, but I was just wondering.

EC_Penguin
Shopify Partner
3 0 1

Hi @landandroots,

 

We have recently developed an app that suits your needs.

Our app has the tag filtering function and also has clickable images with popup! 

https://apps.shopify.com/gallery-app-1

 

Let me know if you need any assistance to setup the app.

 

Here is the gallery page.

スクリーンショット 2024-08-21 15.28.28.png

 

And popup on clicking the image!

スクリーンショット 2024-08-21 15.28.14.png