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 11 (11)

Lucid_Polygon
Shopify Partner
349 63 96

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 96

 

 

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

KetanKumar
Shopify Partner
37618 3670 12162

@landandroots 

yes, its possible to some customization code 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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 96

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 1

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?

Motivector
Visitor
1 0 0

This is awesome!  Whats the best way to link my images?  Host them somewhere or?  Replacing yours with mine is what I'm stuck at.  

rekindlepottery
Visitor
1 0 0

I had this same question and I had a friend help me. You can use the link to the photos you upload to Shopify. In your account, in the left side menu, click "Content" then click "Files" and you'll see a list of photos you've uploaded. If you hover over the photo, you'll see a hyperlink icon. Click that and it will copy the source code for the image. Then you can paste that over the link in the code that was provided.

 

rekindlepottery_0-1731561092290.png

 

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

 

Arif_Shopidevs
Shopify Partner
521 43 93

 

The reference site you mentioned is built using the WordPress Elementor plugin. While there are numerous gallery plugins available—both free and paid—managing a gallery without an app can be time-consuming and challenging in the long run.

I recommend using Essential Grid, a popular tool for both WordPress and Shopify. It allows you to easily manage your gallery images directly from your Shopify content area. Additionally, it offers lazy loading for images, ensuring that your site's performance is not compromised.

Essential Grid also offers a free plan, making it a cost-effective solution. You can explore the features of Essential Grid and compare it with other Shopify apps in this post.

details https://shopidevs.com/best-gallery-apps-for-shopify/

Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.

Arif_Shopidevs
Shopify Partner
521 43 93

I forgot to add an image of the essential grid, it has huge templates that help to create a gallery easily.

esential-grid-shopify.png

Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.