sticky product image

  • Resolved ashop1

    (@ashop1)


    3 years, 6 months ago

    Hello, I hope you are very well. Sorry for the inconvenience, I would like to know if you can help me with the JQuery code that I am missing so that the image of the product returns to its place of origin after 200px which would be if I am not mistaken the proper displacement before it overlaps the rest of the content of under. It is the first time that I do this so the query. thank you for your answer.

this is my css:

.woocommerce div.product
div.images.woocommerce-product-gallery {
position: -webkit-sticky;
         position: sticky;
         top: 120px;
z-index: 10;
     }

my product page:

https://www.avellanedashop.com/publicacion/dnk-yellow-sports-shoes/

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter ashop1

    (@ashop1)

    Hello, I hope you are very well. Sorry for the inconvenience, I would like to know if you can help me with the JQuery code that I am missing so that the product image returns to its place of origin after 200px which would be if I am not mistaken the correct offset before it overlaps the rest of the content of below. It is the first time I do this so the query. Thanks for your reply.

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    At the moment, there’s no default option for that in WooCommerce, and setting that as the default would require quite a bit of additional coding. Please kindly note that this requires some custom coding – which goes beyond the scope of support we are able to provide in this forum.

    however, I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

    I can also recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.

    You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.`

    If you do require more help with the actual coding, we’d recommend you hire a developer who can take a look at this, quote you for their services and help you add this feature to your site. We’d recommend getting in touch with a web developer or one of the customisation experts listed at https://woocommerce.com/customizations/.

    Cheers!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘sticky product image’ is closed to new replies.