Auto scroll/jump to woocommerce message - by RR123

This topic has 14 replies, 3 voices, and was last updated 7 years, 10 months ago ago by RR123

  • Avatar: RR123
    RR123
    Participant
    November 30, 2016 at 18:19

    Hi there,

    I have noticed for a while, but never got round to saying, that when the viewport jumps to a specific point because of a woocommerce message or warning it ignores the fixed header. this means that you have scroll down a little each time it happens because it jumps to that point at the top of the viewpirt, which is hidden just under the fixed header when scrolled down.

    This is critical for ecommerce conversions/revenue. these standard warnings or info messages will often come in the cart or checkout telling a customer why they cannot checkout. people just give up instead, because they did not know to scroll up a little to see the message – which is usually something silly, like telling them to complete an address field or to choose an instock item, etc. so the cart is abandoned because people tend towards being lazy, busy or daft, like me without caps just now…

    btw The same happens with JS plugins like woo composites that wants to jump back at certain points.

    thanks guys

    R

    13 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 2, 2016 at 13:22

    Hello,

    Could you, please, give me an example, so I’ll be able to reproduce the issue on our test installs and fix?
    Provide me link to page on our demo or to page on your site with the explanation.

    Regards

    Avatar: RR123
    RR123
    Participant
    December 11, 2016 at 12:27

    Sorry, crazy busy. I will come back to you about this!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 13, 2016 at 08:52

    Hello,

    Ok, sure!

    Regards

    Avatar: RR123
    RR123
    Participant
    December 19, 2016 at 12:44

    Hi there,

    Please look at the product URL I share in the private area. If you jump between stages in the component navigation, the JS will jump from component to component and back to the configuration as if the fixed menu is not there. So you keep having to scroll up a little each time.

    I am very sure that I have seen other occasions when this happens, but did not keep a track. I guess there must some kind WP markup for the top of a page? surely this is true, otherwise other fixed header menus, like on mobile, would also suffer from this.

    Thanks again!

    R

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 20, 2016 at 17:25

    Hello,

    I’m sorry, but could you send me the video for better understanding?

    Regards

    Avatar: RR123
    RR123
    Participant
    December 21, 2016 at 12:43

    Hi there,

    I have included the video link in the private area.

    Thanks again,

    R.

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 23, 2016 at 14:13

    Hello,

    I have answered in chat.

    Regards

    Avatar: RR123
    RR123
    Participant
    December 29, 2016 at 15:02

    Am speaking to Woocomm for a solution, either generally or that a theme could use.

    Festive best,

    R

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 30, 2016 at 15:32

    Hello,

    Ok, feel free to contact us in case you need any additional information from our side.

    Regards

    Avatar: RR123
    RR123
    Participant
    January 10, 2017 at 13:04

    For anyone who needs it, I managed to get Woo to add functionality to the Composites plugin code. Hopefully helps.

    R.

    Version 3.8.2 of Composite Products adds in a new script parameter that can be filtered. This will allow you to add a top offset for the scroll viewpoint using a snippet like this:

    add_filter( 'woocommerce_composite_front_end_params', 'wc_ninja_composite_front_end_params_offset' );
    
    function wc_ninja_composite_front_end_params_offset( $params ) {
        $params[ 'scroll_viewport_top_offset' ] = 100;
        return $params;
    }
    Avatar: RR123
    RR123
    Participant
    January 10, 2017 at 13:05

    NB 100 is a px value (other CSS units weren’t possible)

    Avatar: 8theme
    8theme
    Support staff
    January 10, 2017 at 15:45

    Hello,

    Thank you so much for posting your solution here.

    Regards

    Avatar: RR123
    RR123
    Participant
    January 14, 2017 at 18:59

    You’re welcome

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Auto scroll/jump to woocommerce message’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.