Skip to content

Product Browser Scroller

To tell Ecwid where to scroll to, add this div to define the scroll point.

<div id="ecwid_product_browser_scroller"></div>

When Ecwid changes "page" it scrolls to the top of the product browser.

On IE11, if th eproduct browser is offset from the left side, the scroll may hide the left side of the page. This only seems to be an issue on IE 11, not Chrome, Firefox, or Edge.

You can tell Ecwid where to scroll to by adding an empty div with id ecwid_product_browser_scroller.

Wordpress

For example in the Wordpress twentyfifteen theme, these lines:

</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
        <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyfifteen' ); ?></a>

could be chnaged to:

</head>

<body <?php body_class(); ?>>
<div id="ecwid_product_browser_scroller"></div>
<div id="page" class="hfeed site">
        <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyfifteen' ); ?></a>

In Wordpress, you may need to edit the theme header page to get the div in an ideal place.

The file to edit is probably called header.php, but some themes may be different. It will be in the folder: wp-content/themes/your-theme-name where your-theme-name is the theme you are using.

Edit that using a text editor and add the div. E.g just after the <body> tag.