Home Forums WoodMart support forum Product image sticky setting.

Product image sticky setting.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #607944

    derekwei84
    Participant

    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

    #607985

    Hung Pham
    Keymaster

    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.

    #607988

    derekwei84
    Participant

    Hi
    Thank you for your quick reply. It is working very good.

    Kind Regards
    DW

    #608280

    Hung Pham
    Keymaster

    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,

Viewing 4 posts - 1 through 4 (of 4 total)