Image Popup Method

[saltri77]

Hello everyone,
I have a problem with phoca cart: practically clicking on the images of the products, these open at the bottom of the screen and, consequently, they are not seen (or you can see a little piece). On mobile, however, they are not seen at all.
I don't know if I made a mistake in the configuration, but I don't think so. How could I solve it?
Here the direct link to one of the products:
https://www.unnestore.com/index.php/acq ... /1-ficarra

I'm using the last version in Joomla (3.9.16) and the version 3.4.0 of Phoca cart

I hope someone could help me.

Thanks.

[christine]

Hi,

I'm not sure, but I think, it belongs to an Inline segment:

Code: Select all

Element {
    top: 35510.5px;
    left: 1153px;
    display: block;
    width: 392px;
}

Code: Select all

<div class="pp_pic_holder pp_default" style="top: 35510.5px; left: 1153px; display: block; width: 392px;"> <div class="ppt" style="opacity: 1; display: block; width: 360px;">FICARRA</div>

The top: ..... are changed constantly, but I don't know where it comes from.

Maybe to solve it e.g:

Code: Select all

.pp_pic_holder pp_default {
top: 20px;
}

Kind regards
Christine

[saltri77]

Ok, thanks, I will try that. I hope it works :)

[saltri77]

Hi,

I'm not sure, but I think, it belongs to an Inline segment:

Code: Select all

Element {
    top: 35510.5px;
    left: 1153px;
    display: block;
    width: 392px;
}

Code: Select all

<div class="pp_pic_holder pp_default" style="top: 35510.5px; left: 1153px; display: block; width: 392px;"> <div class="ppt" style="opacity: 1; display: block; width: 360px;">FICARRA</div>

The top: ..... are changed constantly, but I don't know where it comes from.

Maybe to solve it e.g:

Code: Select all

.pp_pic_holder pp_default {
top: 20px;
}

Kind regards
Christine

I tried but, unless I did some mistakes (and that it could be), it doesn't work.
Can do I ask you exactly where I have to insert this line? So I avoid other mistakes. Thank you, really.

[christine]

Hi,

As it is an Inline Segment, maybe you hv to add an !important;

Code: Select all

.pp_pic_holder pp_default {
top: 20px !important;
}

Of course try also with other px.
In generell, amended/added Codes should be done in custom.css.
See for Helix: https://www.joomshaper.com/documentatio ... ustom-code > Custom Code

Kind regards
Christine

[saltri77]

Nothing... I don't understand where and how make something... I tried what you suggested me but nothing... I'm giving up :(

[saltri77]

Hi,

As it is an Inline Segment, maybe you hv to add an !important;

Code: Select all

.pp_pic_holder pp_default {
top: 20px !important;
}

Of course try also with other px.
In generell, amended/added Codes should be done in custom.css.
See for Helix: https://www.joomshaper.com/documentatio ... ustom-code > Custom Code

Kind regards
Christine

Hi, excuse me but I really don't know how to solve it. I tried with other templates but the problems is still there.
I tried to change in the css file, to create a custom file, but anything... maybe I make mistake in doing what you suggested, but I am Italian and maybe I can't understand easly what you said... I don't know...

[Jan]

Hi, which other templates did you use? Did you test some from Phoca?

Did you try to change to another popup method?

Jan

[saltri77]

Hi, which other templates did you use? Did you test some from Phoca?

Did you try to change to another popup method?

Jan

Hi and thanks because your answer. I tried even protostar template but it's the same.
About the popup method I didn't find anything on the component phocacart. Is there the method for the popup? Where?
ps: thanks

[saltri77]

Ok, I found the problem... It was a cookie law plugin. I have disabled it (and I will install another). Thank you to everyone for you help.
ps: How can I enter the "solved" in this post?