Suche

Integration eines individuellen Widgets

Owned by Dirk Finger
18.Feb.2021
3 min read

Integration eines individuellen Widgets

  1. Wählen Sie in der linken Spalte die Art Ihres Widgets – falls Sie keines der Spezial-Widgets integrieren wollen, empfehlen wir Ihnen das „HTML-Widget“, damit Sie Ihren eigenen Content abfüllen können.

  2. Halten Sie das Widget mit der gedrückten Maustaste am + Zeichen fest und ziehen Sie es nach rechts in die gewünschte Platzierung.

  3. Bearbeiten Sie das Widget und aktivieren Sie es nachher.

Sie haben die Wahl, das Widget mit dem WYSIWYG-Editor zu erstellen oder über den Button „Quellcode“ nur einen Code einzufügen.
Falls Sie einen Code einfügen möchten, empfehlen wir Ihnen, den WYSIWYG-Editor zu deaktivieren.

Aktivierung von Mega-Menü

  1. Ziehen Sie Widget "Horizontal Category Menu" in die Platzierung "menu".

  2. Aktvieren Sie das Widget.

  3. Klicken Sie auf den Button "Bearbeiten".

  4. Wählen Sie den Look "Megamenu".

  5. Sie können zwischen 3 und 5 Darstellungsspalten wählen.

  6. Sie können das Menü auch nur auf einzelnen Seiten anzeigen lassen (siehe nächsten Punkt).

Eingabe von Title und Restrict Controller Action

Der eingegebene „Title“ wird jeweils über dem Widget auf der Webseite angezeigt.
Unter „Restrict Controller Action“ können Sie angeben, wo das Widget im Webshop angezeigt werden soll.
Beispiele:

  • keine Eingabe = überall

  • ^index/index = nur auf der Startseite

  • cnc/AB = auf der Notebook-Kategorienseite des CNET-Finders

  • products/188166-md101sma-apple-macbook  = auf einer einzelnen Produktseite (restlicher Link nach www.ihrshop.de/ )

  • ^index/categories = alle Kategorienseiten

  • ^index/manufacturers = alle Herstellerseiten

  • ^products/products = alle Produktdetailseiten

  • ^(index|account|products|info)/ = mehrere Seiten

Speichern Sie das Widget und aktivieren Sie es.
ACHTUNG: es werden nur die aktiven Widgets angezeigt (ON).

Restrict View Script

Dies ist eine Experten Funktion. Es ist möglich mittels Regexpression ein Widget nur für gezielte View-Scripte aus dem Theme anzuzeigen.
Z.B. würde diese Regel nur auf der "Seite nicht gefunden" Ausgabe kommen: ^page_not_found  

Eigene CSS-Klassen für Widgets

Mit der Angabe im Feld "Outer Div Custom CSS Class" können Sie jedem Widget eine eigene CSS-Klasse zuordnen und hiermit das Aussehen der Widgets anpassen.



Separate Widgets für jede Sprache bei mehrsprachigen WebShops

Wenn Sie in Ihrem WebShop mehrere Sprachen anbieten und beispielsweise die Titel oder Inhaltstexte der Widgets auf die jeweilige Sprache anpassen wollen, erzeugen Sie bitte für jede Sprache eine Variante Ihres Themes: