PrestaShop 1.7 Design / Layout anpassen

Jeder der einen Online-Shop mit Prestashop betreibt, fragt sich natürlich, ob er auf PrestaShop 1.7.x umsteigen soll.

Lohnt sich PrestaShop 1.7 oder soll man lieber mit PrestaShop 1.6 weiterhin arbeiten?

PrestaShop 1.7 vs. PrestaShop 1.6

Mittlerweile ist PrestaShop 1.7.x bereits einige Zeit erhältlich und erste positive und negative Punkte lassen sich feststellen.

Ganz wichtig ist natürlich, dass PrestaShop 1.6.x ins Alter kommt, Updates gibt es vereinzelt nur noch für Module, da können durchaus auch Fehler mit Server- bzw. PHP-Version nicht ausgeschlossen werden.
Möchte man diese selbstständig beheben, sind meistens grössere Arbeiten nötig – Diese Zeit hat kaum jemand, schliesslich möchte man verkaufen und Geld verdienen.

Deshalb lohnt sich ein Blick auf PrestaShop 1.7 in jedem Fall, denn die Entwickler haben eine stabile und gute Shopsoftware entwickelt.

PrestaShop 1.7 – Ordnerstruktur

Natürlich möchte man ein eigenes Design, bestenfalls das bisherige übernehmen oder direkt ein Redesign.
Auf den ersten Blick kommen viele an ihre Grenzen – Aber das ist normal, denn das System sowie die Struktur wurden neu überarbeitet.

Die Anpassung ist aber einfacher gemacht als viele denken.

Design:
PrestaShop basiert weiterhin auf Bootstrap, dieses steuert natürlich die Breite einzelner Tabellen im Layout.

Im Ordner „themes/classic/templates“ sind einige Ordner vorhanden, diese sind so aufgebaut, dass je nach Wunsch einzelne Bereiche einen anderen Kopf- und Fussbereich erhalten können.

Als Beispiel: Soll der Kunde im Warenkorb sowie in der Kasse nicht mehr abgelenkt werden, so kann unter „checkout/_partials“ der Kopf- und Fussbereich eingeschränkt werden.
Dadurch soll der Fokus nur noch auf den Kaufabschluss gelegt werden, was durchaus sinnvoll ist.

Also sollten keinesfalls einfach per Hand neue Tabellen unüberlegt im CSS erstellt, sondern zwingend Bootstrap angewendet werden.

PrestaShop Design anpassen

Möchte man das Logo ändern, kann man dies weiterhin via Admin-Panel erledigen.
Farben können aber auch weiterhin über das „theme.css“ bearbeitet werden.

Möchten Sie einzelne Objekte an anderen Orten, so können diese im Admin-Panel unter „Positionen“ als sogenannte Hooks angesetzt werden.
Möchten Sie einzelne Tabellen zum Beispiel in der Breite bearbeiten, öffnen Sie die Templates (beispielsweise Header oder Footer) oder je nach Objekt die dazugehörigen Module.

Zu beachten gilt:
Öffnen Sie den Ordner „themes/classic/modules“ Und nicht „modules“ im Hauptverzeichnis (root).

 

PrestaShop 1.7 Menu bearbeiten

Gehen wir im Beispiel davon aus, man möchte das Hauptmenu für Desktop, also Computer-Ansicht, in der Breite bearbeiten.

Dabei öffnet man direkt das Modul, welches für das Menu zuständig ist.
Dieses ist unter „themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl“ zu finden.

Sehr wichtig: Legen Sie vorher kurz eine Kopie, also ein Backup an, damit Sie immer darauf zurückgreifen können!

Das HTML-Angabe befindet sich unten in der Zeile 36:

<div class=“menu col-lg-12 col-md-7 js-top-menu position-static hidden-sm-down“ id=“_desktop_top_menu“>

Die Angabe „col-lg-12“ ist im Bootstrap hinterlegt mit 100%, also volle Breite.
Möchten Sie das Menu kürzen, damit rechts beispielsweise etwas Platz vorhanden ist, können Sie diese Zahl nach unten rechnen.

 

Weitere Anpassungen im PrestaShop 1.7

Der Grundsatz ist immer derselbe, es muss lediglich nur die Breitenangabe gewählt werden, welche im theme.css (Bootstrap) hinterlegt ist.

Auf dieselbe Weise können wie erwähnt auch die Farben sowie Effekte (hover) angepasst werden.

Möchten Sie weitere Anpassungen vornehmen, öffnen Sie einfach die Module oder die Template-Files dazu.

Auch hier gilt: Immer mit Backups arbeiten, denn gerade wenn viel Code vorhanden ist wie im theme.css, sind Fehler kaum auffindbar, deshalb lohnt sich ein Backup immer!

 

Fazit zum neuen PrestaShop

Die neue Version ist im Vergleich natürlich überarbeitet worden und benötigt einige Zeit, um sich darin den Überblick zu verschaffen.

Allerdings ist es eine stabile und vor allem moderne Shopversion, welche für den alltäglichen Betrieb keine Wünsche offen lässt!
Aber jedes Unternehmen muss natürlich selber die Checkliste erarbeiten, ob PrestaShop 1.7 alle nötigen Funktionen, eventuell auch durch zusätzliche Module mitbringt, um erfolgreich zu arbeiten.

Wir können PrestaShop 1.7 aber definitiv empfehlen.
Es ist einfach aufgebaut und auch ohne Kenntnisse können die Tagesgeschäfte problemlos mit etwas Übung erledigt werden.

Wir wünschen Ihnen viel Erfolg!

 

---