Konfiguration

Theme

In diesem Bereich wählst du das grafische Theme, das PrestaBlog verwendet.

Bei einer Neuinstallation sind keine besonderen Einstellungen erforderlich. Das Standard-Theme Grid & Slide wird empfohlen. Es ist das aktuellste Template und integriert die neuesten Design-Entwicklungen, inklusive Slides für viele Blog-Elemente (Blöcke, Startseite usw.).

Das Theme Grid for 1.7 entspricht einem älteren Design. Es ist jedoch weiterhin vollständig kompatibel mit PrestaShop 8 und PrestaShop 9 sowie den neuen Optionen, die PrestaBlog bietet.

Auf der rechten Seite kannst du das Layout des Themes auswählen. Klicke einfach auf das gewünschte Layout, um es anzuwenden. Die Optionen betreffen ausschließlich das visuelle Layout des gesamten Blogs und können jederzeit geändert werden, ohne Daten oder den restlichen Shop zu beeinflussen.

Blog-Startseite

Dieser Bereich enthält Einstellungen für die Blog-Startseite von PrestaBlog.

Der erste Teil betrifft die allgemeine Konfiguration der Startseite. Du kannst Meta-Titel, Meta-Beschreibung und den H1-Titel festlegen. Alle Felder sind pro Sprache konfigurierbar, sodass du Inhalte und SEO sauber an die Sprache der Website anpassen kannst. Außerdem kannst du die Slideshow ein- oder ausschalten.

URL der Blog-Startseite

Ein zweiter Teil ermöglicht die Konfiguration der URL der Blog-Startseite. Diese URL kann frei angepasst werden. Verwende nur einfache Zeichen, ohne Umlaute/Akzente, Leerzeichen, Anführungszeichen oder Sonderzeichen.

PrestaBlog Pop-up

Das PrestaBlog-Pop-up-System wird auf dieser Seite oder in der globalen Konfiguration aktiviert. Du kannst das Pop-up-System ein- oder ausschalten. Wenn du keine Pop-ups nutzt, solltest du es deaktivieren, damit auf Blog-Seiten keine unnötigen Skripte geladen werden. Das reduziert die Last und optimiert die Performance.

Wenn das Pop-up aktiviert ist, kannst du wählen, ob es auf der Blog-Startseite angezeigt wird, und welches Pop-up angezeigt werden soll. Dazu musst du zuvor ein Pop-up über die Seite Pop-up-Verwaltung erstellt haben.

Artikel auf der Startseite

Dieser Bereich ist eine Abkürzung zur benutzerdefinierten Liste. Du kannst auf der Shop-Startseite einen Abschnitt hinzufügen, der ausgewählte Artikel anzeigt. Du findest diese Option direkt unter Konfiguration > Tab „Blog-Startseite“.

• Füge einen Titel hinzu (z. B. „Unsere neuesten News“). Er erscheint oberhalb der Liste.
• Um konsistent zu bleiben, vermeide zu lange Titel oder Beschreibungen, um Duplicate Content zu begrenzen.
• Wähle aus, welche Kategorien angezeigt werden sollen - optional mit Zufallsanzeige.

Wenn du die Position dieses Blocks im Verhältnis zu anderen Blöcken ändern möchtest, gehe in PrestaShop zu Design > Positionen. Suche nach dem Hook displayHome, finde PrestaBlog und verschiebe den Block per Drag & Drop an die gewünschte Position.

Globale Konfiguration

URL-Konfiguration (Rewrite)

In diesem Bereich verwaltest du die URL-Struktur des Blogs.

Du kannst Friendly URLs aktivieren oder deaktivieren. In den meisten Fällen ist diese Option aktiviert - vorausgesetzt, der Server unterstützt URL-Rewriting.

Sobald Friendly URLs aktiv sind, erscheint eine zusätzliche Option, um numerische IDs aus Artikel-URLs zu entfernen. Diese Option ist nur verfügbar, wenn Rewrite aktiv ist.

Nachdem du IDs entfernt und die Konfiguration gespeichert hast, wird eine weitere Option verfügbar, um das Suffix .html an URLs anzuhängen. .html kann nicht aktiviert werden, solange numerische IDs noch in den URLs vorhanden sind.

Frontoffice-Konfiguration

Dieser Bereich betrifft die Darstellung des Blogs im Frontend.

Mit den Optionen kannst du:

• Breadcrumbs auf Blog-Seiten ein- oder ausblenden
• Thumbnails in Artikeln anzeigen
• Vorherige/Nächste-Navigation auf Artikelseiten aktivieren
• einen Link zum Kategorie-RSS-Feed anzeigen

Du kannst außerdem einen Tab auf Produktseiten hinzufügen, der verwandte Blog-Artikel auflistet. Mit dieser Option steuerst du, ob Links zu Blog-Artikeln auf Produktseiten erscheinen sollen.

Damit sind SEO-Strategien möglich, bei denen das Blog auf Produkte verlinkt, ohne dass auf Produktseiten automatisch Rücklinks zum Blog angezeigt werden.

Weitere Optionen ermöglichen die Festlegung von:

• maximaler Anzahl verknüpfter Artikel auf einer Produktseite
• maximaler Anzahl verknüpfter Produkte auf einer Artikelseite
• Thumbnail-Größe verwandter Produkte
• Anzeige von Artikelbewertungen

Hier befindet sich auch die globale Aktivierung des Pop-up-Systems. Wenn du das Pop-up-System nicht nutzt, solltest du es deaktivieren, um unnötige Skripte zu vermeiden.

Eine letzte Option erlaubt es, Material Icons im Header zu laden. Das ist für einige Themes hilfreich, die PrestaShop-Empfehlungen nicht vollständig umsetzen und diese Bibliothek nicht korrekt integrieren - dadurch erscheinen sonst keine Icons im Blog und es werden stattdessen Namen angezeigt.

Sharing-Buttons

In diesem Bereich kannst du die Anzeige von Sharing-Buttons in Blog-Artikeln aktivieren oder deaktivieren.

Du kannst genau auswählen, welche sozialen Netzwerke angezeigt werden sollen.
Wenn du die Farben ändern möchtest, gehe zu Konfiguration > Design > Sharing-Buttons (siehe Abschnitt Design).

Backoffice: Globale Konfiguration

Dieser letzte Teil betrifft ausschließlich das Backoffice.

Damit kannst du festlegen:

• die Anzahl der Zeichen, die für Suchfelder bei der Verknüpfung von Produkten oder Artikeln erforderlich sind
• die Anzahl der pro Seite angezeigten Ergebnisse für diese Suchen
• die Anzahl der pro Seite angezeigten Elemente in Artikel- und Kommentarlisten
• ob Kommentare beim Bearbeiten eines Artikels automatisch angezeigt werden

Diese Einstellungen dienen dazu, den Komfort bei der Nutzung der Administration zu verfeinern. Sie haben keinen Einfluss auf das Frontoffice und erfordern in der Regel keine besonderen Anpassungen.

Blöcke

PrestaBlog-Blöcke werden - falls vorhanden - in der linken oder rechten Spalte des Themes angezeigt. Ihre Position hängt direkt von der Struktur des verwendeten Themes ab.

Die Platzierung der Blöcke erfolgt per Drag & Drop. Das ist nur möglich, wenn das Theme tatsächlich Spalten besitzt. Wenn das Theme keine Spalten bereitstellt, können dort auch keine Blöcke angezeigt werden - selbst wenn sie aktiviert sind.
Dieses Verhalten hängt ausschließlich vom Theme ab und nicht vom Modul.

Artikel-Suchblock

Mit diesem Block kannst du die Suche in Blog-Artikeln aktivieren oder deaktivieren.
Du kannst zwischen einer einfachen Suche wählen, die Artikel direkt anzeigt, oder einer erweiterten Suche mit Filtern.

Eine Option ermöglicht außerdem, das Such-Icon im Menü ein- oder auszublenden.

Block „Neueste Artikel“

Dieser Block zeigt die neuesten Blog-Artikel an.
Es stehen mehrere Darstellungsoptionen zur Verfügung, z. B. die Anzeige der Einleitung oder von Thumbnails. Das Rendering hängt vom gewählten Design ab.

Es ist empfehlenswert, die verschiedenen Optionen visuell zu testen, um die Anzeige an das verwendete Theme anzupassen.

Artikel nach Datum

Dieser Block zeigt Artikel nach Datum als Archiv an.
Er wird in den meisten Konfigurationen selten genutzt, steht aber weiterhin für Websites zur Verfügung, die eine chronologische Navigation anbieten möchten.

Neueste News im Footer

Dieser Block zeigt aktuelle Artikel im Footer der Website an.
Du kannst nur Titel anzeigen lassen oder zusätzlich Thumbnails und Text.

Aus Gründen der Lesbarkeit und SEO wird in der Regel empfohlen, die Anzeige auf Titel zu beschränken.

RSS-Block

Dieser Block zeigt einen Link zum RSS-Feed des Blogs an.
Er ist für Nutzer gedacht, die einen direkten Zugriff auf den Feed anbieten möchten - ohne besondere Konfiguration.

Kategorien

Die Kategorien-Konfiguration ist das Herzstück des Blog-Designs. Hier erzeugst du die Darstellung, die du repräsentieren möchtest.

Haupteinstellungen in der Kategorienliste

Du wählst die Anzahl der Artikel pro Seite. Bei 2 oder 4 Spalten ist eine gerade Zahl sinnvoll. Bei 3 Spalten ist eine ungerade Zahl oft besser.

Breite und Höhe des Artikel-Thumbnails sind standardmäßig auf 800x600 eingestellt, du kannst diese Maße aber entsprechend den gewünschten Proportionen anpassen.

Titellänge und Beschreibungslänge bestimmen, wie viele Zeichen angezeigt werden. Wenn ein Wert auf 0 gesetzt wird, wird das betreffende Element nicht mehr angezeigt.

Die Artikelanzeige kann auf 1, 2, 3 oder 4 Spalten gesetzt werden - oder auf full picture, um große Bilder hervorzuheben.

Du kannst außerdem festlegen, ob die Anzahl der Artikel pro Kategorie angezeigt werden soll.

Anzeigeeinstellungen der Artikellisten

Mit diesen Optionen wählst du aus, welche Elemente in Artikellisten angezeigt werden: Veröffentlichungsdatum, Kategorienamen, Bewertungen, Autor, Link „Artikel lesen“, Anzahl der Kommentare, Anzahl der Aufrufe.

Eine Option erlaubt es, dieses Design auf benutzerdefinierte Listen und verknüpfte Artikel zu übertragen. Wenn aktiviert, werden die ausgewählten Anzeigeeinstellungen auf verknüpfte Artikel und benutzerdefinierte Artikellisten angewendet.

Kategorie anpassen

Du kannst für eine bestimmte Kategorie eine andere Darstellung festlegen, die die globalen Anzeigeeinstellungen ersetzt.

Aktiviere dazu einfach in der betreffenden Kategorie die Option Globale Kategorie-Anzeigeeinstellungen ersetzen. Deaktivierte Optionen verwenden weiterhin die globale Konfiguration.

So kannst du bestimmte Kategorien unterschiedlich darstellen. Zum Beispiel kannst du eine Kategorie im Galerie-Modus anzeigen, indem du nur das Bild beibehältst, oder Seiten mit einer spezifischen Präsentation je nach Inhaltstyp erstellen (Testimonials, Autoren usw.).

Kategorien-Block

In diesem Bereich konfigurierst du die Anzeige des Blocks für Blog-Kategorien.

Du kannst den Block vollständig aktivieren oder deaktivieren. Wenn er aktiv ist, stehen mehrere Optionen zur Verfügung, um Verhalten und Darstellung präzise einzustellen.

Du kannst wählen, ob leere Kategorien angezeigt werden. Wenn diese Option deaktiviert ist, berücksichtigt die Anzahl der angezeigten Elemente rekursiv auch Unterkategorien.

Der Kategoriebaum kann ein- oder ausgeblendet werden. Du kannst außerdem Kategorie-Thumbnails anzeigen und bei Bedarf einen Teil der Beschreibung.

Titellänge und Beschreibungslänge erlauben es, die Anzahl der angezeigten Zeichen zu begrenzen. Wie bei anderen Moduleinstellungen kann ein zu hoher Wert die Anzeige unnötig „schwer“ machen, während ein reduzierter Wert eine kompaktere Darstellung ermöglicht.

Eine Option ermöglicht es, einen Link zu allen Artikeln der Kategorie anzuzeigen. Der RSS-Feed kann ebenfalls aktiviert werden. Diese Option betrifft nur die ausgewählte Kategorie.

Kategorienmenü in Blog-Seiten

In diesem Bereich verwaltest du die Anzeige des Kategorienmenüs auf allen Blog-Seiten.

Du kannst das Menü je nach Kontext aktivieren oder deaktivieren:

• Blog-Startseite
• Artikellisten
• Artikelseiten

Du kannst außerdem:

• einen direkten Link zur Haupt-Blogseite anzeigen
• diesen Link als Bild anzeigen
• leere Kategorien ausblenden
• die Anzahl der Artikel pro Kategorie ein- oder ausblenden

Unterkategorien werden als Dropdown-Menü angezeigt - für eine klare und strukturierte Navigation.

Oberer Bereich der ersten Kategorieseite

In diesem Bereich definierst du die Darstellung von Inhalten am oberen Rand der ersten Seite einer Kategorie - vor der Artikelliste.

Du kannst die Kategorienbeschreibung ein- oder ausblenden. Damit kannst du Einleitungstexte hervorheben, was für SEO und Kontextualisierung hilfreich ist.

Die Anzeige des Kategorie-Thumbnails kann ein- oder ausgeschaltet werden. Dieses Thumbnail entspricht einem verkleinerten Bild, das meist dezent angezeigt wird.

Eine weitere Option erlaubt es, ein großes Bild oben auf der Kategorieseite anzuzeigen. Dieses Bild ist für ein visuell stärkeres Rendering gedacht, z. B. um eine Hauptkategorie oder ein bestimmtes „Universum“ hervorzuheben.

Bildabmessungen sind vollständig konfigurierbar. Du kannst Breite und Höhe des Kategorie-Thumbnails sowie Breite und Höhe des großen Kategorie-Bildes separat festlegen.

Diese Einstellungen ermöglichen es, die Darstellung präzise an das verwendete Theme-Design anzupassen und visuelle Konsistenz zwischen verschiedenen Kategorie-Seiten sicherzustellen.

Kommentare

PrestaBlog bietet zwei Kommentar-Systeme, die jedoch nicht gleichwertig sind.

Das klassische PrestaBlog-Kommentarsystem eignet sich am besten für eine langfristige Nutzung:

• Kommentare werden in der Datenbank der Website gespeichert
• sie bleiben bei Migrationen erhalten
• sie können direkt über die PrestaBlog-Administration verwaltet werden
• der Administrator kann im Backoffice auf Kommentare antworten

Ein zweites System auf Basis von Facebook-Kommentaren ist ebenfalls verfügbar. Es basiert auf einem externen Dienst und erlaubt keine direkte Kommentarverwaltung über PrestaBlog.

Klassische Kommentare

Klassische Kommentare sind das native System von PrestaBlog. Sie können vollständig im Backoffice verwaltet werden und erlauben es dem Autor, als Autor auf Kommentare zu antworten.

Kommentarvalidierung: Die Option „Kommentare automatisch freigeben“ wird dringend nicht empfohlen.

• Kommentare werden ohne Kontrolle sofort veröffentlicht
• das Risiko von Spam oder unerwünschten Inhalten ist höher

Es wird empfohlen, die manuelle Kommentarvalidierung beizubehalten.

Antispam-Schutz und Captcha

PrestaBlog bietet zwei Anti-Spam-Mechanismen.

Google reCAPTCHA v2

PrestaBlog ist mit Google reCAPTCHA v2 kompatibel. Wenn du bereits einen reCAPTCHA-v2-Schlüssel hast, kannst du ihn verwenden.

• öffentlichen Google-Captcha-Schlüssel eingeben
• privaten Google-Captcha-Schlüssel eingeben

PrestaBlog Antispam (empfohlen)

Ein natives Antispam-System ist verfügbar über Tools > Antispam.

• das System basiert auf einfachen Fragen
• die angezeigte Frage wird zufällig ausgewählt
• keine Abhängigkeit von einem externen Dienst
• kein Schlüssel zu konfigurieren

Facebook-Kommentare

PrestaBlog ermöglicht es, Facebook-Kommentare statt klassischer Kommentare zu verwenden. Wir raten jedoch davon ab, da es proprietär ist und nur für eingeloggte Facebook-Nutzer angezeigt wird (DSGVO).

Kommentare werden weder in PrestaBlog gespeichert noch verwaltet, und du kannst auch nicht vom Blog aus antworten. Dieses System wird von unserem Team nicht weiterentwickelt.

Einrichtung:

• Facebook-Kommentare in der Konfiguration aktivieren
• eine Facebook-App speziell für Kommentare erstellen
• die Facebook-API-ID in das vorgesehene Feld eintragen
• optional Facebook-Moderatoren hinzufügen

Design

In PrestaBlog ist die Design-Anpassung darauf ausgelegt, dauerhaft und mit Modul-Updates kompatibel zu sein.

Es wird dringend empfohlen, die dafür vorgesehenen Konfigurationsoptionen zu nutzen, anstatt Templates oder CSS-Dateien direkt zu ändern oder zu überschreiben. Template-Overrides erschweren zukünftige Updates, erfordern nach jeder Modul-Weiterentwicklung den Vergleich von Dateien und sind eine häufige Ursache für Fehlfunktionen.

Der Bereich Konfiguration > Design ermöglicht es, das Erscheinungsbild des Blogs anzupassen und dabei eine saubere und skalierbare Struktur beizubehalten.

Er basiert hauptsächlich auf zwei Elementen:

• Farbeinstellungen für verschiedene Blog-Elemente
• benutzerdefinierte CSS-Regeln, mit denen du Styles hinzufügen kannst, ohne Moduldateien zu beeinflussen

Mit den Farbeinstellungen kannst du visuell verfeinern:

• das Blog-Menü
• die Pagination
• Kategorie-Listings
• Artikel-Inhalte
• Block-Inhalte

Diese Einstellungen betreffen ausschließlich den visuellen Aspekt (Farben, Hintergründe, Hover) und gelten global.

Visuelle Marker

Für einige komplexere Elemente zeigt PrestaBlog ein erklärendes Bild neben den Konfigurationsfeldern. Diese Bilder dienen als visuelle Marker, um schnell zu verstehen, welcher Teil der Darstellung zu welchem Farbfeld gehört.

• jedes Konfigurationsfeld ist einer Nummer zugeordnet
• diese Nummer wird neben dem Feld angezeigt
• dieselbe Nummer erscheint auch auf dem Vorschaubild
• der visuelle Marker hilft, das betreffende grafische Element präzise zu identifizieren

Dieses System ermöglicht es, das Design klar und intuitiv anzupassen - ohne Code zu ändern oder Konflikte bei Updates zu riskieren.

Benutzerdefiniertes CSS

PrestaBlog stellt ein Feld für benutzerdefiniertes CSS bereit, mit dem du eigene CSS-Regeln hinzufügen kannst, ohne Modul- oder Theme-Dateien zu ändern.

Regeln, die über dieses Feld hinzugefügt werden, bleiben bei PrestaBlog-Updates erhalten. Das ist die empfohlene Methode, um CSS-Anpassungen speziell für das Blog vorzunehmen.

Nach jeder Änderung am Custom CSS solltest du das Cache-Verhalten berücksichtigen. Browser können Stylesheets im Cache behalten, wodurch Änderungen manchmal nicht sofort sichtbar sind.

Um den Browser-Cache zu erzwingen:

• unter Windows: CTRL + SHIFT + R
• unter macOS: CMD + SHIFT + R

Wenn Änderungen nicht sichtbar sind, kann es notwendig sein, den PrestaShop-Cache zu leeren oder die CSS-Minifizierung testweise zu deaktivieren, um das Rendering zu prüfen. Gehe zu Erweiterte Einstellungen > Leistung.

Bildgrößen

Dieser Bereich bündelt alle Einstellungen zu Bildern, die von PrestaBlog verwendet werden.

Du findest Einstellungen für:

• Artikelbilder
• Kategoriebilder
• Slideshow-Bilder
• Bilder verknüpfter Produkte
• Autorenbilder

Diese Einstellungen definieren die Abmessungen und Formate, die beim Upload neuer Bilder verwendet werden.

Um bereits veröffentlichte Bilder nach neuen Einstellungen zu aktualisieren, steht ein ergänzendes Tool zur Verfügung unter Tools > Bilder regenerieren.

Die Konfiguration der Bildgrößen und das Regenerations-Tool arbeiten zusammen: Es ist empfehlenswert, diese Einstellungen möglichst direkt nach der Installation des Blogs festzulegen oder Bilder zu regenerieren, wenn Anpassungen in einem bestehenden Blog vorgenommen werden.

Bildbreite ermitteln

Beim Konfigurieren von Bildgrößen ist es wichtig, die tatsächlich von deinem Theme verwendete Breite in der Blog-Auflistung zu kennen.

Mit dem folgenden Vorgehen erhältst du diese Information direkt im Frontoffice:

1. Gehe auf die Startseite deines Blogs, wo die Artikelliste angezeigt wird
2. Nimm den ersten angezeigten Artikel
3. Klicke mit Rechtsklick auf den Titel dieses Artikels
4. Klicke auf „Untersuchen“

Das Entwickler-Tool öffnet sich und markiert in der Regel den Artikeltitel. Suche im Code den Block direkt über dem Titel, der das Bild enthält. Dieser Block ist über class="block_top" identifizierbar.

Fahre im Entwickler-Tool mit der Maus über diesen Block. Der Browser zeigt dann direkt die Abmessungen des Blocks in Pixeln an. Die angezeigte Breite entspricht der Basisbreite, die für das Bild in der Liste verwendet wird.

Hover-Zoom berücksichtigen

Einige Themes wenden einen Zoom-Effekt beim Hover auf Bilder in Listen an.

Die gemessene Dimension entspricht der initialen Anzeigegröße. Beim Hover wird das Bild vergrößert. Um ein scharfes Bild zu behalten und Pixelbildung zu vermeiden, ist es empfehlenswert, ein größeres Bild zu verwenden und dabei die Proportionen zu beachten.

Wenn die gemessene Breite z. B. 400 Pixel beträgt:

• mal 1,5 ergibt 600 Pixel
• mal 2 ergibt 800 Pixel

Diese Methode hilft, die Bildproportionen zu erhalten und gleichzeitig eine gute Qualität sicherzustellen - auch beim Hover.