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
  • 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

    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.

    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

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

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form