Bootstrap

tfm_announcement_bar

Plugin bestellen

Frage stellen

Das Plugin “tfm_announcement_bar” erlaubt es Ihnen Ankündigungen zu bestimmten Zeiten in Ihren Onlineshop zu implementieren. Eine solche Ankündigung kann beispielsweise darauf hinweisen, dass der Shop vorübergehend im Urlaub ist oder für Werbeaktionen oder Lieferinformationen.

Screenshots

 

Systemvoraussetzungen

Damit das Plugin “tfm_announcement_bar” ordnungsgemäß funktioniert, muss

das xt:Commerce Plugin “tfm_announcement_bar” in Ihrem Shop installiert & aktiviert sein.

Ihr xt:Commerce Shop muss mindestens die Version xt:Commerce 5.0.2 haben.

Das Plugin wurde in den Templates: xt_responsive, ew_evelations und ew_adventury getestet.Die Implementierung in anderen Templates ist möglich.

 

Installation

Installieren Sie das Plugin wie gewohnt in Ihrem Shop, eine detaillierte Anleitung zur Plugin Installation finden Sie hier.

Nach der Plugininstallation, öffnen Sie die Plugin-Konfiguration, welche Sie in Ihrem Shop-Backend unter “Plugins => Installierte Plugins => tfm_announcement_bar(bearbeiten)” finden.

Hier aktivieren Sie das Plugin zunächst generell mit der Option “Status“.

 

Pluginoptionen

OptionErklärungStandardwert
Für Mandant aktivierenOption, um das Plugin für den Mandanten zu aktivierentrue

 

Anlegen von Ankündigungen

Um eine Ankündigung in Ihren Shop anzulegen, navigieren Sie über das Backend über das linke Menü zum Punkt “Einstellungen” -> “Ankündigung”.

In der sich dort öffnenden Übersicht können Sie nun über einen Klick auf die Schaltfläche “Neu” eine Ankündigung anlegen.

Hier können Sie den Status, den Zeitraum, die Anzeigeposition, den Ankündigungstyp, sowie der Ankündigung eine Nachricht geben.

Folgende Anzeigepositionen können gewählt werden: "Auf Startseite (oben) anzeigen", "Auf Produktseite (oben) anzeigen" und "Auf Warenkorbseite (oben) anzeigen"

Haben Sie Ihre gewünschten Werte eingetragen, klicken Sie auf Speichern.

 

Eigene Positionierung über Custom Hooks

Wenn eine eigene Positionierung gewünscht ist, z.B. auf der Produktseite in der Nähe vom "In den Warenkorb" Knopf, können 3 verschiedene Hookpoints verwendet werden.

Diese heißen: {hook key=tfm_announcement_bar_custom_1}, {hook key=tfm_announcement_bar_custom_2} und {hook key=tfm_announcement_bar_custom_3}

Diese Hookpoints müssen an die entsprechende Stelle im Theme gesetzt werden und bei der Ankündigung selbst über die jeweiligen Checkboxen "Custom Hook 1 anzeigen", "Custom Hook 2 anzeigen" oder "Custom Hook 3 anzeigen" aktiviert werden.

 

Styling - Eigene Ankündigungsleiste

Mit Verwendung der Option “custom” für die Ankündigungsleiste, können Sie die farbliche Gestaltung, Textausrichtung und Abstände mit CSS selbst anpassen.

Siehe Beispiel unten

/* ### Farben / colors: */
.alert-custom[data-alert="announcement"] { color: #181818; background: #ccc; }

/* ### Abstände / paddings & margins: */
.alert-custom[data-alert="announcement"] { padding: 0; margin: 0; }

/* ### Textausrichtung / text alignment: /*
.alert-custom[data-alert="announcement"] { text-align: center; }

Changelog

VersionRelease dateChanges
1.5.009.01.26Neue Hookpoints, CSS und JS optimiert
1.3.020.11.23Neue Optionen
1.0.011.05.23Release-Version des Plugins

 

×