Shopify themes, liquid, logos, and UX
Hello everyone,
(took the pic here : https://community.shopify.com/c/Shopify-Design/Fixed-Sticky-Product-Imaged-on-Page-scroll-VENTURE-th...)
I need to do this to my product page (shown on image)
Can someone help me with that ?
Thanks a lot for your help.
Solved! Go to the solution
This is an accepted solution.
Please place this code at the end of theme.scss
@media only screen and (min-width: 768px) {
.product_section .product__images {
position: -webkit-sticky;
position: sticky;
top: 13%;
}
}
This is an accepted solution.
@media only screen and (min-width: 768px) {
.product_section .product__images {
position: -webkit-sticky;
position: sticky;
top: 17%; /* change this to set position */
}
}
Please provide website url and if your store is password protected then also provide password
Hello, this is my store : pure-care.fr and the password is : prohge
Thanks
This is an accepted solution.
Please place this code at the end of theme.scss
@media only screen and (min-width: 768px) {
.product_section .product__images {
position: -webkit-sticky;
position: sticky;
top: 13%;
}
}
Thanks you so much ! It works.
When i scroll, there is a menu drop down (sticky like on the image)
How can I add some space between the menu dropdown and the sticky image (arrow in the screen) ?
This is an accepted solution.
@media only screen and (min-width: 768px) {
.product_section .product__images {
position: -webkit-sticky;
position: sticky;
top: 17%; /* change this to set position */
}
}
Thank you for update.
Thank you! it works great
Hi @Hardik29418
I did the same thing in Turbo Theme 7.0.0
But it doesn't works.
My store: https://hobberryshop.com/
Please help me
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024