Konfiguration des Templates Winchester
Demo des Templates in hellem Design:
https://winchester.zencartdemo.at
Demo des Templates in dunklem Design:
https://winchesterblack.zencartdemo.at
Download des Templates:
Responsives Template Winchester für Zen Cart 1.5.7 deutsch
Konfiguration der Sideboxen
Nach der Installation des Templates clicken Sie unter Tools > Boxlayout auf den Button Zurücksetzen.
Stellen Sie danach Ihre gewünschten Sideboxen ein.
Beachten Sie, dass das Aktivieren von Sideboxen für die rechte Spalte normalerweise sinnlos ist, da dieses Template die rechte Spalte grundsätzlich nicht verwendet.
Wenn Sie im Header ein Suchfeld anzeigen wollen (dringend empfohlen), dann aktivieren Sie die Sidebox search_header und stellen diese auf EIN und RECHTS, damit sie in der linken Sidebar nicht nochmals angezeigt wird
Um in diesem Suchfeld die Sofortsuche zu nutzen, installieren Sie unter Module > Plugin Manager das Plugin Instant Search.
Bei allen anderen möglichen Sideboxen, die Sie aktivieren wollen wählen Sie immer EIN und LINKS.
Stellen Sie nun die Sideboxen ein, die Sie anzeigen wollen und stellen Sie dabei die Einstellung Show Box @ Min-Width immer auf Aus.
Diese Einstellung regelt die Anzeige von Sideboxen für mobile Geräte und für die sollten die Sideboxen immer aus sein.
In der Templatedemo auf https://winchester.zencartdemo.at sind nur die Sideboxen Kategorien und Hersteller auf EIN.
Sprachauswahl im Header entfernen
Wenn Sie im Shop nur eine Sprache aktiv haben und die Sprachauswahl im Header nicht benötigen, können Sie die Anzeige in der Winchester Template Konfiguration deaktivieren.
Megamenu im Header entfernen
Wenn Sie das Megamenu im Header nicht benötigen, können Sie die Anzeige in der Winchester Template Konfiguration deaktivieren.
EZ Pages im Megamenu
Wenn Sie im Megamenu im Header einen eigenen Menüpunkt mit Ihren EZ Pages anzeigen wollen, aktivieren Sie das in der Winchester Template Konfiguration:
Winchester – EZ Pages im Topmenü
Es erscheinen dann dort die EZ Pages, die mit Kopfzeile aktiv angelegt sind.
Es ist dazu nicht nötig die Sidebox ezpages_drop_menu.php zu aktivieren.
Eine weitere EZ Pages Navigation ist in diesem Template nicht vorgesehen, lassen Sie daher Konfiguration > EZ Pages Einstellungen > Kopfzeile anzeigen auf 0
Logo austauschen
Das Template verwendet 2 Logos, eines für Desktop/Tablets und eines für Smartphones
includes/templates/winchester_responsive/images/logo.png überschreiben
Größe des Logos sollte so wie in der Demo sein: 240 Pixel x 70 Pixel
includes/templates/winchester_responsive/images/logo-mobile.png überschreiben
Größe des Logos sollte so wie in der Demo sein: 200 Pixel x 50 Pixel
Slogan unter Logo ändern oder deaktivieren
includes/languages/german/winchester_responsive/header.php
includes/languages/english/winchester_responsive/header.php
define('HEADER_SALES_TEXT', 'DEMOSHOP<br>Template WINCHESTER');
Halten Sie diesen Text kurz.
Um ihn gar nicht anzuzeigen, ändern Sie auf
define('HEADER_SALES_TEXT', '');
Social Media Links rechts unten
Inhalt kann geändert werden in: includes/languages/german/extra_definitions/winchester_responsive/winchester_responsive_defines.php Für englische Version entsprechend in includes/languages/english/extra_definitions/winchester_responsive/winchester_responsive_defines.php
Voreingestellt ist dort folgender Code :
define('SOCIAL_MEDIA_FOOTER','');
Das zeigt die entsprechenden Social Networks als Font Awesome Icons an.
Ändern Sie in den Links die # auf die korrekte URL zu Ihrer Plattform ab.
Und entfernen Sie welche, die Sie nicht verwenden.
Beispiel für Facebook und Instagram only:
define('SOCIAL_MEDIA_FOOTER','');
Wenn Sie diesen Bereich gar nicht anzeigen wollen, einfach in der Template Konfiguration deaktivieren
Zahlungsartenicons link unten
Verwendet wird ein 266×40 Pixel großes png in :
images/content/payment-options.png
Gestalten Sie Ihr eigenes und laden es hoch nach images/content/payment-options.png und überschreiben das bestehende damit.
Wenn Sie diesen Bereich gar nicht anzeigen wollen, einfach in der Template Konfiguration deaktivieren
Bilder auf Inhaltsseiten
Dieses Template hat Beispielinhaltsseiten, in denen Bilder entweder links loatend oder rechts floatend eingebunden sind als Beispiele mitgebracht.
z.B.
https://winchester.zencartdemo.at/index.php?main_page=about_us
Die entsprechenden Bilder sind im Ordner images/content abgelegt und werden z.B. so aufgerufen:
<div class="contentimage-right"><img src="images/content/1.jpg" alt="Beispielbild 1"></div>
oder
<div class="contentimage-left"><img src="images/content/1.jpg" alt="Beispielbild 1"></div>
Im Hauptstylesheet stylesheet.css stehen die Definitionen .contentimage-right und .contentimage-left zum Styling zur Verfügung
Optional: GPSR Herstellerinformationen
Wenn Sie das Modul GPSR Herstellerinformationen 1.0.3 oder höher installiert haben, werden die Infos von diesem Template als Tab auf der Artikeldetailseite angezeigt.
Um das zu nutzen aktivieren Sie diese Einstellung in der Winchester Template Konfiguration.
Beispiel:
https://winchester.zencartdemo.at/index.php?main_page=product_info&cPath=3_11&products_id=5
Wie ändere ich Bilder und Links in den Slideshows auf der Startseite?
Es gibt zwei „Slider“ in den Winchester Templates.
Die echte Slideshow oben ist admingesteuert. Unter Tools > Bannermanager die Banner mit der Bannergruppe homepageslide entsprechend ändern.
Unter Banner URL die Dummy Raute rausnehmen und den gewünschten Link eintragen
Zum Austausch der Bilder entweder über den Bannermanager andere hochladen oder einfach per FTP die mitgelieferten Beispielbilder in images/banners überschreiben. Diese Bannerbilder müssen exakt die Größe 1600×480 Pixel haben
Unterhalb der Slideshow sind drei Bilder, die man dazu verwenden kann zu den Hauptkategorien oder Hauptinhalten des Shops zu linken.
Dieser Bereich kann einfach über Tools > Seiteneditor bearbeitet werden, es ist die Startseite also define_main_page.php
Hier empfiehlt es sich den Editor auf Nur Text umzuschalten um die Links zu verändern.
Die Beispielbilder können per FTP überschrieben werden, das sind:
includes/templates/winchester_responsive/images/home1.png
includes/templates/winchester_responsive/images/home.png
includes/templates/winchester_responsive/images/home3.png
Diese drei Bilder müssen exakt die Größe 310×200 Pixel haben
Schriftart ändern
Dieses Template sieht die Schriftart Ubuntu vor und bindet diesen Google Font lokal ein.
Vorintegriert sind auch die Fonts Arimo und Open Sans.
Wenn Sie auf Arimo umstellen wollen, ändern Sie in folgender Datei den Link entsprechend ab:
includes/templates/winchester_responsive/common/html_header.php
von
auf:
oder für Open Sans:
In Ihren Stylesheets müssen Sie dann noch alle Aufrufe entsprechend ändern von
font-family: Ubuntu,Arial,Helvetica,sans-serif;
auf z.B.:
font-family: Arimo,Arial,Helvetica,sans-serif;
oder
font-family: 'Open Sans',Arial,Helvetica,sans-serif;
Bitte beachten Sie, dass die voreingestellten Schriftgrößen in den Stylesheets für Ubuntu ausgelegt sind und Sie die möglicherweise anpassen müssen, wenn Sie eine andere Schriftart verwenden.
Sie können natürlich auch jeden anderen Google Font verwenden, wenn Sie ihn so einbinden wie hier beschrieben:
https://www.zen-cart-pro.at/knowledgebase/google-fonts-lokal-einbinden/
Verwendung von Font Awesome Icons
Dieses Template verwendet an verschiedenen Stellen lokal eingebundene Font Awesome Icons.
Generell können Sie in Ihren Sprachdateien oder Templatedateien jedes beliebige Free Font Awesome 6.7.0 kompatible Icon verwenden.
Also alles, was Sie hier finden:
https://fontawesome.com/v6/search?o=r&m=free
Beispiel:
Telefonhörer Icon normal:
<i class="fa-solid fa-phone"></i>
Telefonhörer Icon sehr groß in Farbe gelb:
<i class="fa-solid fa-phone fa-2xl" style="color: #FFD43B;"></i>
Farben ändern
Passen Sie die Farben im Hauptstylesheet includes/templates/winchester_responsive/css/stylesheet.css und in den anderen Stylesheets in diesem Ordner an Ihre Wünsche an.
Optional: Dunkles Design WINCHESTER BLACK
Um das Layout auf ein dunkles Design im Stil des alten Winchester Black Templates umzustellen, können Sie die im Ordner OPTIONAL BLACK Dateien und Ordner in der vorgegebenen Struktur in Ihr Shopverzeichnis hochladen und die bestehenden damit überschreiben.
Damit wird das Template dann so aussehen wie auf:
https://winchesterblack.zencartdemo.at
Hinweis für Updates von älteren Winchester Template Versionen
Wenn Sie Ihre alte Farbkonfiguration und sonstiges aus Ihrem alten Winchester Template übernehmen wollen, vergleichen Sie Ihre alten Stylesheets mit den neuen.
Insbesondere das Hauptstylesheet stylesheet.css enthält seit 3.0.0 etliche neue Definitionen, die unbedingt vorhanden sein müssen. Sie sind im neuen Stylesheet im oberen Bereich mit
/*bof new definitions since 3.0.0*/
gekennzeichnet
Prüfen Sie auch alle anderen Templatedateien Ihres alten Winchester Templates und vergleichen Sie sie mit den neuen, Sie werden diese alten Dateien keinesfalls einfach so 1:1 übernehmen können.
UNTERSTÜTZEN
Sie verwenden dieses Template als Grundlage für Ihr Shopdesign?
Spenden Sie für die Weiterentwicklung der deutschen Zen Cart Version hier:
https://spenden.zen-cart-pro.at
Du willst helfen, dieses Template noch besser zu machen?
Beteilige Dich auf Github:
https://github.com/zencartpro/157-template-winchester
