Image zoom much to large - Sense Theme -Image sizing

Store Design
, ,
1

Hey everyone.

My website is

Birkebane.dk

When a poster is selected and the image is click the image becomes absolutely huge, both on phone and desktop. Customer support asked me to post this here in case anyone has the skills to fix this via coding.

Thanks !

2

Hey @Birkebane ,

Follow these instructions :blush:

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707317028924.jpeg
ThePrimeWeb_0-1707317028924.jpeg1253×933 87.9 KB

3

Thanks a ton for taking the time to help me out!

Its a lot better then before. However, i was maybe hoping for a more classic approach, like the link below as an example. Dont need the semi transparency for the background.

https://postershop.dk/vare/watercolour-kiss/

Thoughts?

4

Hey @Birkebane ,

Well, you kind of need the semi-transparent background, if not it looks like the whole page is broken and confusing

Example:

ThePrimeWeb_0-1707331145468.png
ThePrimeWeb_0-1707331145468.png1858×993 192 KB

vs

ThePrimeWeb_1-1707331166656.png
ThePrimeWeb_1-1707331166656.png1855×992 173 KB

Replace the previous code with this one.
5

You are completely right!

Im unable to get the code working, as my “default” code looks diffrent from the one you showed.

Im unable to send the code via PasteBin so here is a screenshot (im also not allowed jpg files)

https://we.tl/t-pWNVLdwmpy

6

Hey @Birkebane ,

Just paste it after the underlined part.

ThePrimeWeb_0-1707332847275.png
ThePrimeWeb_0-1707332847275.png832×841 185 KB

7

I tried, like shown here.

https://we.tl/t-mrYpRreqWt

Im so terrible at this, nothing changed and its not working.

8

That looks correct, are you sure you are in the correct theme?

The very first time you got it right, the steps are exactly the same

9

Only Theme i use. There is no difference on the website. Strange.

10

Ok I figured out what happened, just erase all the previous code and add this instead.
11

IT WORKS!

Thanks a ton for your help. Fantastic!

12

Why does this work on some, but not all posters?

https://birkebane.dk/products/alfabet-plakat-akvarel - does not work

https://birkebane.dk/products/bornesyn-eventyr?pr_prod_strat=collection_fallback&pr_rec_id=ab15b5825&pr_rec_pid=8682918707545&pr_ref_pid=8585701654873&pr_seq=uniform - works

13

Solved. My error. Works fine

14

Hey @Birkebane ,

I’m assuming you have 2 different product templates. One of them has a different zoom feature.

Like for the 2nd link, when you hover over the image, the zoom button appears in the top left. The first link doesn’t have it. Looks like a different template to me.