How can I add a download image button for customers?

Technical Q&A

Topic summary

A user seeks to implement a download button for product images but reports that initial attempts have failed.

Proposed Solutions:

  • Adding a download attribute to anchor tags linking to image sources
  • Using {{ collection.image.src | img_url: 'master' }} with the download attribute
  • Reference to W3Schools documentation on the download attribute
  • A working demo was shared on a Debut theme test store (password: 1)

Current Status:
The original poster indicates none of the suggested solutions worked for their specific case. Community members have requested additional information including the site URL, password if protected, and screenshots showing where the code was implemented to provide more targeted assistance. One response also references a YouTube tutorial for downloading all product images, though the specific implementation details remain unresolved.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

i want to add a download image button for customers. here’s my html. i tried everything but couldn’t succeed.

Download!
2

Hi tazzy

I will checking in my stroe after i will give you correct answe. but here is similar question. can you check this link and try. i think it’s work.

[How to make a linka direct download PNG or PDF? - Technical Q&A - Shopify Ecommerce Community]](How to make a linka direct download PNG or PDF? - Technical Q&A - Shopify Ecommerce Community)

If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks

1 Like
3

Please add download for it.
Ex:
Download!
Refer https://www.w3schools.com/tags/att_a_download.asp
Hope it helps!

4

None of that worked for me. Im still stressed out for that stuff.

5

Hi tazzy

I’m test in my debut theme and it’ s working. Here is my store url you need to like this one.

https://tannesr-goods.myshopify.com/

password: 1

If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks

6

Please send your site and if your site is password protected, please send me the password.
And can send me the screenshot where you added the code. I will check it for you.

7

Hi @tazzy , wondering how to include a “Download All Images” button on your Shopify product pages? Follow the steps outlined in this YouTube tutorial:

1 Like