In file: src/view/frontend/templates/product/list/toolbar.phtml the following code exists:
pagerItemSelector: '.pages li.item a',
init() {
const filterForm = document.querySelector(this.filterFormSelector);
const pagerLinks = this.$root.querySelectorAll(this.pagerItemSelector);
if (filterForm && pagerLinks.length) {
Array.from(pagerLinks).forEach((pagerLink) => {
pagerLink.addEventListener('click', (event) => this.handleTweakwisePagerClick(event));
});
}
},
The default pagerItemSelector does not match Hyva's default previous and next buttons, causing those links to stay the ESI links. When a customer then clicks on those links they hit the ESI endpoint, showing the page with no CSS.
In file:
src/view/frontend/templates/product/list/toolbar.phtmlthe following code exists:The default pagerItemSelector does not match Hyva's default previous and next buttons, causing those links to stay the ESI links. When a customer then clicks on those links they hit the ESI endpoint, showing the page with no CSS.