Adding custom button for "download product images" to the PDP Impulse Theme

[Burky]

Hi, I would like to add a button for download product images on the PDP for Impulse theme. Is it possible? When I am adding it css doesn't work on the button and also Javascript. How can I make it possible? 

[theycallmemakka]

Hi @Burky ,

Can you let me know which image should be downloaded when the button is clicked?

[Burky]

Hello Makka 🙂 

Current product images.

[theycallmemakka]

Also can you provide a screenshot of where you want the button to be?

[Burky]

I have added already to the Dawn theme. right under descriptions. Same place if possible 

[theycallmemakka]

can you provide link to the store? I will provide code for your theme once i review it

[theycallmemakka]

Hi @Burky ,

The following code should download the product image. However, as i do not know the exact selector of the button, I could not provide the complete code. 

If you can provide me URL to the product page, i will provide the complete code for the store.

<script>
var imageUrl = document.querySelector('.product__thumbs a[data-product-thumb]').getAttribute('href');
var downloadLink = document.createElement('a');
downloadLink.href = imageUrl;
downloadLink.download = 'image.jpg';
downloadLink.click();
downloadLink.remove();

</script>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka