Fixed Product Image on page scroll on Debutify 5.0.2

Tony777
Visitor
2 0 0

Hi, does anyone know how to fix this issue I have when scrolling down, either the product image or description will go down when scrolling? I'm on debutify 5.0.2.

 

Here is an image of hopefully showing what I mean: 

Screenshot_4.jpg

Replies 3 (3)

PageFly-Richard
Shopify Partner
4050 901 1556

Hi @Tony777 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product-single__media-group-wrapper {
position: sticky;
    transform: translateZ(0);
    z-index: 3;
top: 0;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Tony777
Visitor
2 0 0

I hope i'm doing it correctly, but I pasted it here and saved. The image no longer moves which is great however only the product description moves when scrolling.

 

Screenshot_5.jpg

 

worst comes to worst I can give you access to my store: https://blendoracup.com/   password: biflit

 

You can notice an issue on the homescreen with the product where the description moves when scrolling and when you go to shop>products and select the second product you can also experience the same issue there whereas the first product is fine.

PageFly-Richard
Shopify Partner
4050 901 1556

@Tony777 im not quite sure what you mean but you are want to have 2 column sticky on scroll?

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.