PrestaShop Menu – Schriftgrösse & Schriftfarbe ändern

PrestaShop wird sowohl von selbstständigen Personen sowie auch kleinen- und mittelgrossen Unternehmen eingesetzt.

Allerdings möchte man keinen 0815 Online-Shop, sondern sich von der Konkurrenz abheben – In diesem Fall sind einzelne Anpassungen des eigenen PrestaShop natürlich notwendig.

In diesem Beitrag befassen wir uns mit der Anpassung der Linkfarbe sowie der Schriftgrösse im PrestaShop Hauptmenu.
Dies gilt für die Versionen von PrestaShop 1.7.x.

PrestaShop CSS-File

PrestaShop 1.7.x ist aufgebaut auf Bootstrap und steuert darüber sämtliche Styleangaben, sowohl für Desktop- als auch für mobile Geräte.

CSS-Datei: themes/classic/assets/css/theme.css
(Wurde ein Theme eingekauft, so kann der Ordner classics auch nach dem Theme benannt worden sein)

Wichtig: PrestaShop verfügt ab der Version 1.7.x nur noch über 1 zentrales CSS-File.
Im PrestaShop 1.6.x waren in den Modulen noch einzelne CSS-Files enthalten.

Als Beispiel das PrestaShop Hauptmenu:

Wir befassen uns als Beispiel einmal mit dem PrestaShop Hauptmenu für Desktop, also Computer.

Beim Menu können Sie die Schriftfarbe oder Schriftgrösse ganz einfach anpassen, in dem Sie die folgende Codezeile suchen:

#header .top-menu a

Beim Mouseover (Hover), suchen Sie nach folgendem Tag, welcher sich im CSS-File direkt dahinter befindet:

#header .top-menu a:hover

Konnten Sie diesen Tag im CSS-File finden, können Sie die Textfarbe oder Textgrösse ganz einfach anpassen.

PrestaShop Menu Schriftgrösse und Linkfarbe

Gehen wir im Beispiel davon aus, dass wir die Farbe gerne in Rot und die Schriftgrösse auf 25 Pixel setzen möchten, so wäre der Code wie folgt:

#header .top-menu a {font-size:25px; color:#ff0000}

Ein solcher Tag beinhaltet meistens bereits gewisse Angaben.
So können Sie selber entscheiden, ob Sie diese weiterhin stehen lassen oder je nach Design gerne ändern möchten.

Wollen Sie im PrestaShop Menu nur die Schriftgrösse- oder Schriftfarbe ändern, dann lassen Sie den restlichen Code bestehen.
Möchten Sie weitere Elemente wie Breite, Abstände, Höhe usw. anpassen, dann sind in jedem Fall sehr gute Kenntnisse im CSS bzw. CSS3 empfehlenswert!

Sehr wichtig: Erstellen Sie vor der Anpassung ein Backup Ihres PrestaShop CSS-Files!

 

PrestaShop Admin-Logout aus Backend

Wenn Sie PrestaShop 1.6.x oder PrestaShop 1.7.x verwenden, dann kennen Sie möglicherweise diese Problematik:
Sie sind dabei eine CMS-Seite zu schreiben oder ein neues Produkt aufzunehmen und auf einmal loggt es Sie aus dem Backend aus.
Und dies geschieht manchmal recht häufig, obwohl Sie weder inaktiv sind noch sonst etwas getan haben.

Wenn Sie eine dynamische IP haben ist der Grund dafür, dass das Cookie die IP prüft. Und wenn diese nicht mehr übereinstimmt, werden Sie aus dem Backend ausgeloggt.

Um dies zu vermeiden, muss folgende Einstellung im Backend vorgenommen werden:
– Klicken Sie im Backend auf „Erweiterte Einstellungen“ und dann „Verwaltung
– Wählen Sie beim Punkt „IP Adresse des Cookies prüfen“ das Feld „Nein“

Beispiel mit PrestaShop 1.7.x
Beispiel mit PrestaShop 1.7.x

Speichern Sie die Einstellungen und dann sollte das ständige Admin-Logout nicht mehr vorkommen.

 

 

PrestaShop Kategorien werden nicht angezeigt

Sie möchten Produkte in einer Kategorie anzeigen, allerdings werden die Kategorien im PrestaShop gar nicht angezeigt?

Wir erklären Ihnen, wie Sie im PrestaShop die Kategorien anzeigen lassen können.

PrestaShop Kategorie erstellen

Erst einmal muss unter in der Navigation unter Katalog > Kategorien eine neue Kategorie angelegt werden.
Achten Sie darauf, dass die Kategorie auch wirklich aktiviert wurde.
Dies können Sie überprüfen, in dem Sie im PrestaShop Admin-Menu die Kategorien öffnen und bei der Kategorie auf „Bearbeiten“ klicken.

Ist die Kategorie aktiv? Dann kommen wir zum nächsten Punkt.

 

PrestaShop Unterkategorie zuweisen

Ebenfalls unter Katalog > Kategorien können Sie die Kategorie als Hauptkategorie oder als Unterkategorie darstellen.

In der ersten Maske sehen Sie alle Hauptkategorien, oben rechts können Sie neue Kategorien anlegen oder bestehende löschen bzw. bearbeiten.

Wenn Sie eine Kategorie direkt anklicken, können Sie oben rechts neue Unterkategorien anlegen.

 

PrestaShop Kategorie im Menu anzeigen

Möchten Sie eine Kategorie im Hauptmenu (DropDown) anzeigen lassen, ist es im Voraus wichtig, dass die Kategorie erstellt und aktiviert wurde (siehe Beschreibung oben).

Ist dies der Fall, öffnen Sie im Admin-Menu den Punkt „Module > Installierte Module“ und öffnen Sie das Hauptmenu, welches als Modul im PrestaShop ausgeführt wird.

PrestaShop 1.7.x > Hauptmenu
Prestashop 1.6.x > Horizontale Navigation

Wählen Sie aus den vorgeschlagenen Kategorien die gewünschte Kategorie aus und speichern Sie Ihre Updates.

Anschliessen wird die Kategorie im Online-Shop aufgeschaltet.

 

Haben Sie Feedbacks oder Erfahrungen mit PrestaShop Kategorien?
Dann hinterlassen Sie Ihr Feedback als Kommentar!

 

PrestaShop 1.7 Mail Alerts / E-Mail Benachrichtigungen

Es herrscht die allgemeine Meinung, dass unter PrestaShop 1.7.x das Modul „Mail Alerts“ / „E-Mail Benachrichtigungen“ nicht mehr existiert.

Deshalb werden alte Module verwendet oder von Seiten wie github heruntergeladen.

Denn es ist mühsam, wenn man keine E-Mails mehr erhält bei Bestellungen oder ausverkauften Artikeln.

Aber das ist alles gar nicht nötig! Denn das Modul gibt es sehr wohl noch – man muss es nur finden.

 

Damit man das Modul Modul „Mail Alerts“ / „E-Mail Benachrichtigungen“ installieren kann, muss wie folgt vorgegangen werden.

 

  1. Ins PrestaShop Backend einloggen und den Menüpunkt „Module und Dienste“ wählenPrestaShop Mail alerts
  2. Anschliessend sicherstellen, dass oben bei den Modulen der Punkt „Auswahl“ markiert ist
    PrestaShop Modul - Auswahl
  3. Nun im Suchfeld „alerts“ eingeben und auf Enter drücken
    Modul Mail Alerts
  4. Und hier erscheint das bekannte Modul
    Modul Mail Alerts, Email-Benachrichtigungen
  5. Nun auf installieren drücken und das Modul wie gehabt konfigurieren.

 

Nachtrag:
Ab PrestaShop 1.7.4.3 ist das Modul neu unter „Installierte“ Module zu finden.
Also anstelle bei den Modulen auf „Auswahl“ zu klicken, muss oben der Tab „Installierte Module“ angewählt sein.

Dann nach Alerts suchen und wie gewohnt installieren.

Falls Sie Fragen haben oder Hilfe benötigen, zögern Sie bitte nicht uns zu kontaktieren
>>> Kontakt

 

Nachtrag für PrestaShop 1.7.5.2

1.  In der Navigation „Module“ -> „Modulmanager“ wählen
2. Sicherstellen, dass der Tab „Modules“ angewählt ist
3. Nach „alters“ suchen
4. Modul „Benachrichtigungen“ aktivieren und wie gewohnt konfigurieren

 

Mail Alerts PrestaShop 1.7.5.2
Mail Alerts PrestaShop 1.7.5.2

 

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!

 

PrestaShop 1.7 Installation Fehler – Wir haben die Lösung!

Die neue Version 1.7 von PrestaShop steht als Download zur Verfügung.

Grosse Vorfreude, aber viel Ärger beim Installieren.

Denn wie gewohnt – Alle Files entpackt, auf den Server hochgeladen und mit der Installation gestartet.

Aber weit gefehlt, denn die Seite bleibt weiss!

Auch erneutes entpacken und hochladen hilft nicht.

Hier die Lösung:

  1. PrestaShop 1.7 herunterladen
  2. Zip-Ordner entzippen
  3. Der Ordner enthält 2 Files und einen weiteren gezippten Ordner.
    Wichtig: Der gezippte Ordner prestashop.zip darf nicht entpackt werden!Ordner PrestaShop
  4.  Die beiden Files inkl. den gezippten Ordner via FTP auf den Server hochladen
  5. Falls der Shop in ein Unterverzeichnis installiert wird, so muss das Unterverzeichnis mind. die Rechte 755 besitzen
  6. Anschliessend wie gewohnt die URL aufrufen www.meindedomain.ch oder mit Unterverzeichnis www.meinedomain.ch/onlineshop
  7. Nun erscheint ein Statusbalken der sich füllt. Nach Abschluss ist auf dem Server ersichtlich, dass sich alle Files entpackt haben
  8. Nun kann über den Browser wie gewohnt die Einrichtung von PrestaShop starten

Hinweis:

Mögicherweise muss noch in der PHP.ini die Zeile von

short_open_tag = On

zu

short_open_tag = Off

geändert werden (Aktualisierung kann ca. 5 Minuten dauern).

Falls Sie Fragen haben oder Unterstützung brauchen, stehen wir Ihnen gerne zur Verfügung.

 

Haben Sie Probleme mit der Installation von PrestaShop 1.7.6, möglicherweise hilft Ihnen dieser Beitrag weiter.
Fehler Installation PrestaShop 1.7.6

 

PrestaShop im Alltag für KMU & Start Ups

Online-Shops sind im Alltag der Konsumenten bereits fest integriert,  denn es ist beinahe alles online erhältlich.

Wir erklären Ihnen aber kurz und knackig, was die Vorteile für Betreiber mit PrestaShop sind.

 

 

Technische Anforderungen

PrestaShop ist nicht nur kostenlos, sondern liefert wirklich die wichtigsten Leistungen und Funktionen für den täglichen Betrieb.
Für den Betreiber werden damit bereits sehr viele wichtige Anforderungen in einem Shopsystem erfüllt.

Darunter zu verstehen ist eine einfache Lagerverwaltung, mehrere Währungen, Sprachen und Zahlungsmöglichkeiten.
Weiter ist auch bereits eine Optimierung für mobile Geräte (Smartphones und Tablets) enthalten, das Design kann (mit Kenntnissen) jederzeit angepasst werden.

Eigene Grafiken (Banner) können zudem auf der Startseite oder im Kopfbereich selbstständig ohne Kenntnisse eingebaut werden.
Dank dem passenden Modul ist auch eine Facebook-Verknüpfung per Klick vorhanden – Dies ermöglicht eine selbstständige Anbindung an Social Media.

 

 

PrestaShop Webhosting

Für den Betrieb eines einfachen Online-Shops mit PrestaShop, wird kein kompletter Root-Server benötigt!

PrestaShop benötigt natürlich eine gewisse Leistung, welche ein Webserver erfüllen muss.
Niemand kauft gerne ein, wenn pro Klick 5-10 Sekunden für die Ladezeit benötigt wird.

Deshalb ist eine optimale Serverbelastung sehr wichtig, andernfalls wird es nicht nur für Sie, sondern auch für den Besucher zu einer Geduldsprobe.

 

 

PrestaShop im Alltag für KMU

Start Ups sowie KMU sind mit PrestaShop in jedem Fall sehr gut bedient.
Für einfache sowie auch mittelgrosse Online-Shops ist PrestaShop bestens geeignet und bietet eine professionelle Basis.

Das Shopsystem kann nach der Einrichtung ohne Kenntnisse selbstständig betreut und betrieben werden.
Genügend kostenlose sowie auch kostenpflichtige Module sorgen für optimale Erweiterungen im täglichen Betrieb.

Weiter sind auch genaue Auswertungen über Besucher- und Verkaufszahlen möglich, was für eine Optimierung im Online-Shop unheimlich wichtig ist.

Einer optimalen Umsatzsteigerung mittels Online-Shop steht somit nichts mehr im Weg!

 

Haben Sie Fragen oder Anliegen zum Thema?

Kontaktieren Sie uns im Kommentarfeld, per E-Mail oder Telefon.

 

 

Zahlungen mit PostFinance und Kreditkarten

Wird ein Online-Shop eröffnet, werden viele Einzelheiten berücksichtigt, welche für den Betrieb wichtig sind.

Dabei kommt auch das Thema mit den Zahlungsmöglichkeiten zum Gespräch.
Allerdings gibt es dafür in den meisten Shopsystemen bereits sehr gute Lösungen.

Bezahlung im Online-Shop

Für den Kunden und auch den Betreiber kann eine Direktzahlung im Online-Shop sehr angenehm sein.
Dabei stehen heute moderne Lösungen zur Verfügung, welche Vollautomatisch arbeiten und kein weiteres Fachwissen benötigen.

Als Beispiel die PostFinance, die PostCard ist sehr beliebt, PostFinance E-Finance wird ja ebenso häufig verwendet.
Umso wichtiger deshalb, dass die Zahlungslösung mit der PostCard sowie PostFinance E-Finance angeboten wird.

Für den Betreiber wird sofort ersichtlich, ob eine Zahlung erfolgreich war, was die Lieferzeit natürlich senken kann.

E-Payment im Tagesgeschäft

Am einfachsten ohne Fachwissen ist direkt das Angebot der PostFinance.
Denn die PostFinance bietet einen kompletten Service und übernimmt die Sicherheitsvorkehrungen sowohl für den Betreiber als auch für den Endkunden.

Möchte der Kunde also beispielsweise bei Ihnen ein elektronisches Gerät bestellen, wählt er bei der Kasse, dass er PostCard oder PostFinance E-Finance nutzen möchte.
Danach wird er automatisch auf die Zahlungsmaske der PostFinance umgeleitet, in welcher er die Zahlung bestätigen kann.

Nach erfolgter Zahlungsbestätigung wird der Kunde automatisch zurück in Ihren Online-Shop geführt, meistens auf eine Bestätigungsseite, dass die Bestellung erfolgreich war.

Ihnen wird übrigens die Transaktion einerseits von der Postfinance bestätigt und natürlich auch in der Bestellbestätigung  intern übermittelt.

Einbau im Online-Shop

Ob Sie xt:Commerce, Magento, PrestaShop, Gambio usw. nutzen, spielt keine Rolle.
Die Zahlungsarten können mittels Modul mittlerweile für extrem viele Shopsysteme eingebaut, konfiguriert, getestet und aufgeschaltet werden.

Während dem Einbau, normalerweise durch unsere Webagentur, sorgen wir bereits im Hintergrund dafür, dass Sie direkt von der verantwortlichen Person der PostFinance die Unterlagen erhalten.

Sind die Unterlagen unterzeichnet, kann die Live-Schaltung der Zahlungsart vorgenommen werden.
Diese Arbeit besprechen wir jeweils kurz mit unseren Kunden, da meistens noch Fragen entstehen, welche wir damit direkt beantworten können.

Preislich ist der Service ebenfalls sehr attraktiv, denn er ist bereits ab monatlich 16.20.- ohne Kommissionsgebühren (Gebühr pro Zahlung) erhältlich!

Haben Sie noch Fragen zu den Zahlungslösungen?
Kontaktieren Sie uns, wir unterstützen Sie gerne!

Wir wünschen Ihnen gute Geschäfte!