How can I reposition a pop-up button on my website?

Good morning

I would like to know how to change the position of the pop up button “ⓘ” and put it at the place of the arrow on the photo below

dsd.PNG1371×848 161 KB

my website is : JADIS-SHOP.COM

password: rj

thanks in advance

Hi @JADIS

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1676732909777.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

Bonjour, ca marche mais malheuresement ca bouge change la position de “↑PRIX NEUF‎ ‎ ↑PRIX PROPOSÉ PAR JADIS” en le passant au dessus du prix, et je veux pas que cela se réalise… avez vous une solution ?

You can add new code to file theme.liquid

Hello, thank you very much for your answer.

Your solution is a bit better but unfortunately I would like to fix 2 more things:

gfgfg.PNG798×406 20.5 KB

1. I would like the space delimited by the arrows to be removed

2. I would like the surrounded space to be removed too

To end up like this:

sds.PNG654×600 44.6 KB

Please help me add more this code

It works for 1) but not for 2)… do you know how to remove the blank area ( 2) on the images that i send you before)

you are almost at the end bro thanks !

please add this code help me to fix the 2nd problem

Hello again, i have a problem with your code :

it works visually but unfortunately your code has removed a second pop up from the product page named “Comment on mesure ?” So it’s problematic because I would like to keep it… Do you know how to fix this?

Normally the pop up “Comment on mesure ?” is in the area that i circled in red

dss.PNG1851×838 167 KB

I think the problem is in the last code that you gave me :

Please help me remove the code

.product-popup-modal__opener {
display: none !important;
}

and add new code

First, thank you for your answer
This solution is not 100% good because there are 2 problems that result:

1. There is too much white space on the mobile version as shown in the photo below

jk.PNG448×867 57.7 KB

2. On the PC version, when I go to another article not in promotion, the “size” words is half deleted as shown the image below

hj.PNG1048×780 333 KB

Can you help me still? It would be great from you

thanks in advance

I did a deeper check and found that each product is showing a different look and feel so it will be overridden I think you should contact the theme so they can take a closer look at this and have the best solution for the whole problem device screen. Thank you so much for your patience and understanding.

Please man help me you are my only hope… no one wants to help me for this, you are almost there!

Can you help me re-add the code that is causing this problem so i can test it as i no longer see the error as shown on this product.

PageFlyVictor_0-1678265389672.png1045×764 347 KB