Product image sticky setting.
-
Hi
Our client previously used a Shopify product page where product images would stick to the top of the page. They are requesting we implement the same functionality in Woodmart.
We reviewed their Shopify code which included: .t4s-col-item.t4s-product__media-wrapper .t4s-row.t4s-g-0 { position: sticky; top: 100px; } However, we’re unsure where to add similar code in Woodmart to achieve the same sticky effect for product images on pages like https://vakkerlight.com/collections/new/products/liora-solar-pagoda-outdoor-light .
Could you please provide guidance on the correct location and code to implement this feature in Woodmart?
Thank you so much for your help.
Kind Regards
Derek WEI
Hello derekwei84,
Thanks for reaching to us.
Navigate to Theme Settings > Single Product > Enable the option Sticky Product.
Here is the Sticky Product Example:
https://woodmart.xtemos.com/shop/furniture/reflect-chest-of-drawers//?opt=product_sticky
If you turn on this option, the section with description will be sticky when you scroll the page. In case when the description is higher than images, the images section will be fixed instead.
Best Regards.
Hi
Thank you for your quick reply. It is working very good.
Kind Regards
DW
Hello derekwei84,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
If you have a quick minute we always appreciate a 5-star rating on our theme!
https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492
Your feedback is the motivation to improve our work and services.
Regards,
.
