Die einzelnen Schritte, wer es selbst umstellen möchte:
Bitte zu beachten, dass alle Schritte hier in möglichst kurzer Zeit nacheinander abgearbeitet werden sollten, da sonst Ihr Shop nach außen zu lange eine Störung bei den Suchergebnissen für Ihre Besuchen anzeigt. Auch sollte dieses Update nicht an einem Freitag Nachmittag umgesetzt werden. Optimal immer zu den POWERGAP Supportzeiten, damit wir bei Komplikationen auch unterstützen können.1.
Über Sonstiges > Server > DHE > Sonstige Einstellungen im Feld "Suffix Seiten-Nummer" einen Begriff wie "Seite" eintragen.
2.
Sonstiges > Sonstige Einstellungen: Hier bei Artikellimit_bei_Suche (Feld Desktop) die Anzahl Artikel eintragen , die jede einzelne Seite haben soll. Ein Wert zwischen 40 - 60 ist empfehlenswert. Ein Google Speed-Test kann helfen die optimale Anzahl herauszufinden. Dann im Bereich Javascript Dateimanager die JS-Datei x_se_ajax_masonry.js von links mit der Maus nach rechts ziehen. Damit wird das Nachladen statt Blättern also wieder ausgeschaltet.
3.
Über Layout > Suchergebnis > Suchergebnis Footer Template diesen Code oberhalb des bereits vorhandenen platzieren:
<!-- Anfang Paginierung direkt unter Suchergebnis -->
<style>
#pag_se_all {
width: 100%;
position: relative;
height: 4.5rem;
border: 1px solid rgb(221, 221, 221);
border-radius: .5rem;
margin: 10px;
padding-top: 0.5rem;
}
#pag_se {
display: table;
margin: 0 auto;
}
#pag_se ul li {
float: left;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
#pag_seiten {
display: table-cell;
height: 4rem;
vertical-align: middle;
}
#icon-vor,
#icon-zur {
height: 1.6rem;
width: 1.6rem;
padding: 1.2rem;
}
.nopag {
opacity: 0.3;
}
ul.se {
background-image: none;
}
#se_sz {display: none;}
</style>
<div id=pag_se_all>
<div id=pag_se>
<ul>
<li id=pag_zur><a href="#link_pag_zur" id=linkpagzur><svg id="icon-vor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 19 32">
<path d="M16 0L2.2 13.8 0 16l2.2 2.2L16 32l2.2-2.2L4.4 16 18.2 2.2z" fill="#AAAAAA" />
</svg></a></li>
<li id=pag_s>
<div id=pag_seiten>
<div>Seite #seite von #seiten</div>
</div>
</li>
<li id=pag_vor><a href="#link_pag_vor" id=linkpagvor><svg id="icon-zur" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 19 32">
<path d="M2.2 32L16 18.2l2.2-2.2-2.2-2.2L2.2 0 0 2.2 13.8 16 0 29.8z" fill="#AAAAAA" />
</svg></a></li>
</ul>
</div></div>
<!-- Ende Paginierung direkt unter Suchergebnis -->
<style>
#pag_se_all {
width: 100%;
position: relative;
height: 4.5rem;
border: 1px solid rgb(221, 221, 221);
border-radius: .5rem;
margin: 10px;
padding-top: 0.5rem;
}
#pag_se {
display: table;
margin: 0 auto;
}
#pag_se ul li {
float: left;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
#pag_seiten {
display: table-cell;
height: 4rem;
vertical-align: middle;
}
#icon-vor,
#icon-zur {
height: 1.6rem;
width: 1.6rem;
padding: 1.2rem;
}
.nopag {
opacity: 0.3;
}
ul.se {
background-image: none;
}
#se_sz {display: none;}
</style>
<div id=pag_se_all>
<div id=pag_se>
<ul>
<li id=pag_zur><a href="#link_pag_zur" id=linkpagzur><svg id="icon-vor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 19 32">
<path d="M16 0L2.2 13.8 0 16l2.2 2.2L16 32l2.2-2.2L4.4 16 18.2 2.2z" fill="#AAAAAA" />
</svg></a></li>
<li id=pag_s>
<div id=pag_seiten>
<div>Seite #seite von #seiten</div>
</div>
</li>
<li id=pag_vor><a href="#link_pag_vor" id=linkpagvor><svg id="icon-zur" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 19 32">
<path d="M2.2 32L16 18.2l2.2-2.2-2.2-2.2L2.2 0 0 2.2 13.8 16 0 29.8z" fill="#AAAAAA" />
</svg></a></li>
</ul>
</div></div>
<!-- Ende Paginierung direkt unter Suchergebnis -->
Der Part CSS kann optimalerweise natürlich in die CSS-Root-Datei integriert werden.
Die zwei SVG Dateien sind hier übrigens bewusst "inline" entwickelt. Das sind ja die 2 Pfeile mit denen man blättert. Denn auf die Weise spart es performance, weil der Browser die Grafiken nicht separat von der Festplatte laden muss. Generell ist es empfohlen solch kleine SVG auf diese Art im Shop einzubetten!
4.
Über Sonstiges > Grundeinstellungen: nach ""Pagi" suchen und das erscheinende Dropdown auf "neue Paginierung" umstellen.
5.
Jetzt fehlt zum Schluss nur noch über Sonstiges > Server > DHE > HTML-Links generieren die Generierung der DHE.
Nun sind alle Schritte abgeschlossen. Jetzt gilt es das Frontend gründlich zu testen. Sollte etwas nicht stimmen, bitte uns sofort kontaktieren.