Sehr geehrte POWERGAP Shopbetreiber,
einmal mehr zwischendurch ein schönes Update
Heute möchten wir Ihnen vorstellen, wie man eine schöne dynamische Hersteller-Übersicht in den Shop einbaut.
Hersteller bzw. Marken sind ein sehr wichtiger Bestandteil in den meisten Shops. Sie sind auch enorm SEO-relevant, da nach Ihnen meist in Kombination mit anderen Keywörtern in den Suchmaschinen gesucht wird. Somit kann man jeglichen Content dazu als sehr wichtig betrachten.
Viele Shops bilden schon Hersteller-Content per z.B. Banner über den Hersteller-Suchergebnissen oder nutzen geschickt das Mega-Template für die Präsentation einer Marke.
Hier nun möchten wie Ihnen die Möglichkeit vorstellen eine Markenübersicht zu erstellen, ohne dafür großen manuellen Aufwand zu betreiben. Auch eine Eingrenzung auf AGs oder Hersteller-Gruppen (dazu später mehr) ist möglich.
Das Ergebnis kann z.B. so aussehen:
Das Ganze ist wie man schon erahnen kann ein HTML-Include.
Die Einrichtung ist denkbar einfach:
Über Sonstiges > HTML-Includes nimmt man unten eine ungenutzte Nummer und verpasst Ihr einen Titel. Wenn der Titel nicht sichtbar sein soll, weil man einen eigenen Titel (besonders formatiert) innerhalb des HTML Includes einbauen möchte, dann einfach #notitle in den Titel einsetzen.
Hier für das o.a. Beispiel der fertige Code:
Der Inhalt aus dem <style> Element gehört natürlich am besten über Layout > Schriften/CSS > Root eingestellt.
Der Aufbau des Templates um alle Hersteller eines Shops anzuzeigen:
#herst_temp#{...Ihr HTML für eine Hersteller-Box...}#$herst_temp#
Im HTML selbst sind dann folgende Synonyme verfügbar:
Der Rest ist dann der eigenen Phantasie überlassen, was man desing-technisch draus macht und welchen Text man dort noch einbindet, um dem ganzen einen Charakter einer richtigen vollständigen Seite zu geben.
Selbstverständlich sieht diese Herstellerübersicht nur dann schick aus, wenn auch die Logos der Marken im Shop gepflegt sind.
Das oben gezeigte einfache Template zeigt "alle" Hersteller an. Möchte man nur eine bestimmte Auswahl anzeigen, haben wir 2 Möglichkeiten geschaffen:
Eingrenzung auf AG (Artikelgruppe)
Beispiel:
#herst_temp#ag=2#{...Ihr HTML für eine Hersteller-Box...}#$herst_temp#
Gegenüber dem einfachen Template ist also ein "ag=2#" eingehangen, was also die Hersteller der AG 2 selektieren würde.
Da man in einem HTML-Include diese Templates hier mehrfach benutzen kann, kann man also auch je AG einen eigenen Abschnitt erstellen und die Seite so gliedern.
Eingrenzung auf bestimmte Hersteller per Identifizierer
#herst_temp#ident=xxx#{...Ihr HTML für eine Hersteller-Box...}#$herst_temp#
Gegenüber dem einfachen Template ist wiederum ein "ident=xxx#" eingehangen. Die Pflege erfolgt über:
In diesem Feld kann man beliebige Werte/Ausdrücke auch per Komma getrennt pflegen und auf diese Art seine Hersteller gruppieren. Die Eingrenzung würde hier also alle Hersteller selektieren, die ein xxx im Identifizierer eingestellt haben. Auch die Schreibweise "ident=xxx,yyy#" ist erlaubt.
Damit sind die Möglichkeiten schier grenzenlos um Hersteller-Übersichten zu bauen, die wie in diesem sehr schönen Beispiel zu bestimmten Themen o.ä. passen:
Sollten Sie noch Fragen zu der Funktionsweise haben, oder so etwas durch uns in Ihren Shop eingebaut haben wollen bitte einfach melden. Mit Anpassung an Ihr CI sollte so etwas in 15-30 Minuten eingebaut sein.
einmal mehr zwischendurch ein schönes Update
Heute möchten wir Ihnen vorstellen, wie man eine schöne dynamische Hersteller-Übersicht in den Shop einbaut.
Hersteller bzw. Marken sind ein sehr wichtiger Bestandteil in den meisten Shops. Sie sind auch enorm SEO-relevant, da nach Ihnen meist in Kombination mit anderen Keywörtern in den Suchmaschinen gesucht wird. Somit kann man jeglichen Content dazu als sehr wichtig betrachten.
Viele Shops bilden schon Hersteller-Content per z.B. Banner über den Hersteller-Suchergebnissen oder nutzen geschickt das Mega-Template für die Präsentation einer Marke.
Hier nun möchten wie Ihnen die Möglichkeit vorstellen eine Markenübersicht zu erstellen, ohne dafür großen manuellen Aufwand zu betreiben. Auch eine Eingrenzung auf AGs oder Hersteller-Gruppen (dazu später mehr) ist möglich.
Das Ergebnis kann z.B. so aussehen:
Das Ganze ist wie man schon erahnen kann ein HTML-Include.
Die Einrichtung ist denkbar einfach:
Über Sonstiges > HTML-Includes nimmt man unten eine ungenutzte Nummer und verpasst Ihr einen Titel. Wenn der Titel nicht sichtbar sein soll, weil man einen eigenen Titel (besonders formatiert) innerhalb des HTML Includes einbauen möchte, dann einfach #notitle in den Titel einsetzen.
Hier für das o.a. Beispiel der fertige Code:
<style>
.alle_her {border:1px solid #DDDDDD;width:145px;height:180px;margin:10px;float: left;text-align:center;}
.alle_her img {padding:15px;}
.alle_her a {display:block;padding-top:15px;padding-bottom:15px;font-size:12px;}
.her_graf {height:50px;}
.alle_ag_von_her a {text-align:center;overflow:hidden;font-size:10px;display:block;padding:5px;}
</style>
<h2 style="font-size:22px;font-weight:normal;">Unsere TOP Marken</h2>
#herst_temp#
<div class=alle_her>
<div class=her_graf><img src="#he_pic" alt="" title="#he_name"></div>
<a href="#he_url" title="#he_name">#he_name</a>
<div class=alle_ag_von_her>#her_in_allen_ag</div>
</div>
#$herst_temp#
.alle_her {border:1px solid #DDDDDD;width:145px;height:180px;margin:10px;float: left;text-align:center;}
.alle_her img {padding:15px;}
.alle_her a {display:block;padding-top:15px;padding-bottom:15px;font-size:12px;}
.her_graf {height:50px;}
.alle_ag_von_her a {text-align:center;overflow:hidden;font-size:10px;display:block;padding:5px;}
</style>
<h2 style="font-size:22px;font-weight:normal;">Unsere TOP Marken</h2>
#herst_temp#
<div class=alle_her>
<div class=her_graf><img src="#he_pic" alt="" title="#he_name"></div>
<a href="#he_url" title="#he_name">#he_name</a>
<div class=alle_ag_von_her>#her_in_allen_ag</div>
</div>
#$herst_temp#
Der Inhalt aus dem <style> Element gehört natürlich am besten über Layout > Schriften/CSS > Root eingestellt.
Der Aufbau des Templates um alle Hersteller eines Shops anzuzeigen:
#herst_temp#{...Ihr HTML für eine Hersteller-Box...}#$herst_temp#
Im HTML selbst sind dann folgende Synonyme verfügbar:
| #he_name | Herstellername |
| #he_pic | Herstellerbild (pflegbar über Artikelverwaltung > Hersteller) |
| #her_pic_se | Hersteller-Grafik für Suchergebnis (siehe auch in der Herstellerpflege) |
| #he_url | URL zum Hersteller (natürlich DHE, wenn verfügbar). Besteht der Shop aus mehreren Artikelgruppen (AG), dann wird zur zuerst gefundenen AG verlinkt. Bekanntlich ist ein Hersteller ja einer AG untergeordnet. |
| #he_text | Herstellerinfo, die in der Herstellerpflege hinterlegt werden kann |
| #her_in_allen_ag | Auflistung aller AGs als Link denen der Hersteller zugeordnet ist. Funktioniert natürlich nur, wenn der Herstellername in allen AG einheitlich gepflegt ist. |
Der Rest ist dann der eigenen Phantasie überlassen, was man desing-technisch draus macht und welchen Text man dort noch einbindet, um dem ganzen einen Charakter einer richtigen vollständigen Seite zu geben.
Selbstverständlich sieht diese Herstellerübersicht nur dann schick aus, wenn auch die Logos der Marken im Shop gepflegt sind.
Das oben gezeigte einfache Template zeigt "alle" Hersteller an. Möchte man nur eine bestimmte Auswahl anzeigen, haben wir 2 Möglichkeiten geschaffen:
Eingrenzung auf AG (Artikelgruppe)
Beispiel:
#herst_temp#ag=2#{...Ihr HTML für eine Hersteller-Box...}#$herst_temp#
Gegenüber dem einfachen Template ist also ein "ag=2#" eingehangen, was also die Hersteller der AG 2 selektieren würde.
Da man in einem HTML-Include diese Templates hier mehrfach benutzen kann, kann man also auch je AG einen eigenen Abschnitt erstellen und die Seite so gliedern.
Eingrenzung auf bestimmte Hersteller per Identifizierer
#herst_temp#ident=xxx#{...Ihr HTML für eine Hersteller-Box...}#$herst_temp#
Gegenüber dem einfachen Template ist wiederum ein "ident=xxx#" eingehangen. Die Pflege erfolgt über:
In diesem Feld kann man beliebige Werte/Ausdrücke auch per Komma getrennt pflegen und auf diese Art seine Hersteller gruppieren. Die Eingrenzung würde hier also alle Hersteller selektieren, die ein xxx im Identifizierer eingestellt haben. Auch die Schreibweise "ident=xxx,yyy#" ist erlaubt.
Damit sind die Möglichkeiten schier grenzenlos um Hersteller-Übersichten zu bauen, die wie in diesem sehr schönen Beispiel zu bestimmten Themen o.ä. passen:
Sollten Sie noch Fragen zu der Funktionsweise haben, oder so etwas durch uns in Ihren Shop eingebaut haben wollen bitte einfach melden. Mit Anpassung an Ihr CI sollte so etwas in 15-30 Minuten eingebaut sein.