[aldoova]

Hi, i’m having a bug with the parallax effect of the “Product Page Gallery Type: Image List Gallery”. It should work like this: https://grosso.althemist.com/product/lovely-lady-tie-blouse/ but the text box stay fixed at the top. Her you can see my site: https://miraboutique.com/en/product/primavera/

Could you please advise?

[Althemist]

Hello aldoova,

This looks like a JS conflict on the page. May be your Autoptimize settings are not correct OR facebook pixel plugin not properly cinfigured, as I can see Facebook related warnings in the console.

Could you, please disable Autoptimize and check if that fix the issue? If so, we an give you some directions on how to properly set the Autoptimize cache.

Regards,
Dimitar

[aldoova]

Hello Dimitar,Thank you for your response, i have turned off Autoptimize and still not working, could you please advise?
Also i must tell you that i have made a small fix to the container css so it will be shown at least at the right column of the page, initially it was showned below the images (See the screenshot here: http://www.miraboutique.com/docs/Screenshot.png), is this a CSS problem? Please help!

[Althemist]

Yes, that could definitely cause a problem. What kind of changes did you make? Also, the summary falling bellow the images is definitely not normal, so there must be something else, causing the problem.

Regards,
Dimitar

[aldoova]

I only change the float attribute of the column container.
But by default the gallery wasn’t working properly, can you help us to fix it?

[Althemist]

Yes, we can help. Could you, please revert it to the original state and give us temporary admin access to your site? Also, please tell me what’s your OS/Browser combination and screen resolutions, so we can check the problem with your specific setup in case we can’t replicate it on ours.

Regards,
Dimitar

[aldoova]

This reply has been marked as private.

[Althemist]

Hello aldoova,

it looks like someone added the following CSS to your site, which blocks the sticky summary section:

.summary.entry-summary {
    position: absolute !important;
}
.grosso-product-summary-wrapper div.summary.grosso-sticky-summary {
    top: 78px !important;
}
.summary.entry-summary {
    position: absolute !important;
}

This CSS code is not part of the original theme code and added manually inline, so it must be a change you did at some point.

Regards,
Dimitar

[aldoova]

Fixed up! Thank you very much for your support!

[Author]

Posts