Page numbers in product lists
EasyWebshop uses the lazy-loading technology for product lists: new products are loaded at the bottom of the page while scrolling, providing a smooth shopping experience without the need for switching pages and loading times between pages. Disabeling lazy-loading and enabeling page numbering is not recommended for compatibility reasons with future updates but can be done anyway if desired for some reason.

Use this code to show page numbers on product lists and disabling lazy loading:

<script>
// Show page numbering on product lists
window.addEventListener('load', function(e) {

	var script = document.createElement("script");
	script.setAttribute('type','text/javascript');

	// Disable lazy-loading, loading while searching
	script.text="function showProd(obj,e) {location.href=obj.href; return false; }" +
		"function lscroll() { return false; }" +
		"function loadProducts(){ return false; }" +
		"function al(obj) { if (obj.href) { location.href = obj.href; } else { obj.submit(); } }" +
		"function shopSearch(field) { document.getElementById('search_form').onsubmit = ''; return false; }" +
		"console.log('Custom scripting for page numbers loaded');";

	setTimeout(function() { document.body.appendChild(script); }, 500);

	// Show page numbers
	var noscripts = document.getElementsByTagName('noscript');
	for (var i = 0; i < noscripts.length; i++) {
		let p = document.createElement('p');
		p.innerHTML = noscripts[i].innerHTML;
		noscripts[i].parentNode.insertBefore(p, noscripts[i]);

	}

});
</script>

To insert HTML, Javascript and/or CSS code in the website footer:

1. Navigate to Management > CMS and scroll down to Layout - Footer and click the Edit icon
2. In the text editor, click the Insert icon (the icon with square boxes) at the top right
3. Click on Edit HTML

The text editor now switches to HTML editing. If code is pasted here, the code will not go through the CMS HTML sanitizer. There is a risk that the code will mess up the web page, but it gives more freedom to insert code yourself.

The code that you insert here will be executed on all pages of your website.

If your webshop is multilingual, the code needs to be inserted for each language individually.

Known limitations

- Safari is not supported. Apple Safari does not allow the type of function modification this script requires, so it will not work in that browser.
- Live search while typing will be disabled: the users needs to click the Search button to perform a search.
- This script is not compatible with product filters. Filtered product lists are loaded dynamically. If you combine with this script, the users will need to set the filters manually on each page.