Sticky Product image in woo commerce shop

Home › Forums › Jevelin Theme › Sticky Product image in woo commerce shop

Home › Forums › Jevelin Theme › Sticky Product image in woo commerce shop

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • krrr
    Participant

    – Jevelin Version: 4.9.1
    – Change Product Image to be sticky on top

    Hi,
    I tried for hours to change the Product image position to be sticky on top, but it seams I do something really the wrong way.

    I would be more then happy if you could help me with that and give a hint how to find the solution.

    Thanks

    Shufflehound Support
    Moderator

    Hi @krrr,

     

    I hope you are well today and thank you for your question.

     

    Sorry, I am not sure I understood what you are trying to achieve so could you please share an example of it so that I can help you?

     

    Best regards,
    Shufflehound team

    krrr
    Participant

    Hi,

    thanks for your answer and sorry for my strange description. I try to describe it more clear.

    I use the Jevelin Version: 4.9.1 theme for an online-shop with customisable products. So there are many selection boxes… I would love the product image to be sticky on top while scrolling down to do the different selections for the product.

    An example for that you see here.<span class=”Apple-converted-space”>  </span>https://www.apple.com/shop/buy-iphone/iphone-12

    The Jevelin theme divides the woocommerce content in:

    #content .product .sh-woo-layout-left

    – Product Image

    #content .product .sh-woo-layout-right

    – Title; Short description; Options; …

    While scrolling down to do the selections, I would live to have the Product image on the left staying at the same position.

    Something like:

    .woocommerce-product-gallery a img{

    position:sticky;

    top:150px;

    }

    But position:sticky does not work by any reason.

    • This reply was modified 3 years, 4 months ago by krrr.
    • This reply was modified 3 years, 4 months ago by krrr.

    Shufflehound Support
    Moderator

    I understood your requirement.

     

    To achieve this, you have to develop custom code in the child theme of the Jevelin theme.

     

    Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

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