How to make product images sticky on desktop only?

[Hanni_CBDSI]

Hey,

we just want to make our product images sticky for desktop only.
The domain is called the second part of my Shopify name and .eu at the end.

Shopify doesn’t allows to write about the topic here.

I tried out so much and nothing worked.

Thank you in advance, we are so thankful.

Best Regards,

Hanni

[KetanKumar]

@Hanni_CBDSI

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Hanni_CBDSI]

Hey @KetanKumar ,

nice to write with you. The domain is c bdsi.eu but wrote it together, can’t write it here because of restrictions about the part of the company name.

Looking forward to your answer!

[KetanKumar]

@Hanni_CBDSI

oh sorry for that so how can i help you ?

[Hanni_CBDSI]

Hey @KetanKumar ,

thank you for your answer. We need sticky product images for desktop only. So when you scroll the products stays at the screen. Here is a screen, where you can see the empty space after scrolling down the page:

Thanks in advance!

[KetanKumar]

@Hanni_CBDSI

oh sorry for that issue can sticky product image and content scroll

give me proper store url so i will check and give your proper code

[Hanni_CBDSI]

Hey, following this URL you come to our site: http://sweetearth.de

[KetanKumar]

@Hanni_CBDSI

yes, please look at confirm like ths and try this code Left Side Sticky

[Hanni_CBDSI]

Hey @KetanKumar , wow, thanks for your great help! Is it for mobile only? And where do I have to put this code in? And is it possible to do it without a h1?

[KetanKumar]

@Hanni_CBDSI

yes, its possible make used media quires

[Hanni_CBDSI]

Hey @KetanKumar , I have three questions left:

1. Where should I put this code in products-details-template.liquid?
2. Could you change the code to mobile only?
3. Can you send me the code without a h1?

I am so thankful for your help and would be happy, if you could answer my three last questions. Here is a Screenshoot of the domain:

[Hanni_CBDSI]

Hey @KetanKumar ,

I would be so thankful, if you could answer me the last questions.

Thanks in advance.

Best Regards,

Hanni

[KetanKumar]

@Hanni_CBDSI

please share store url

[Hanni_CBDSI]

@KetanKumar Shopify doesn’t allows me to write down the URL here. Here is the screenshoot:

So here is the URL again: c b d s i . e u

[KetanKumar]

@Hanni_CBDSI

yes, please try this code

https://codepen.io/abhisheko_o/pen/YzyMVgq

[Hanni_CBDSI]

Hey @KetanKumar ,

thank you for your help.

Back to my questions:

1. Is the code mobile only?

2. Where do I have to paste the code in?

Best Regards