*
logo
blockHeaderEditIcon
Anleitungen-template-01
blockHeaderEditIcon

Anleitungen zum Shop Template 01

Start / Navigation

Beim Kopieren eines Templates wird die Navigations-Struktur übernommen. Diese Struktur stimmt nicht mit den Shop-Kategorien überein die Sie in der WBS für den Shop angelegt haben. Deshalb passen Sie die Navigations-Struktur der Kategorien-Struktur im Shop an und speichern ab.

Davor müssen die Kategorien in der WBS angelegt und dem Shop zugewiesen werden, sonst können Sie diese in der Auswahl unter "WBS-Shop" nicht auswählen.

Danach passen Sie das Mega-Menü auf Ihre Navigations-Struktur an.

Start / Mega-Menü

Formulare

Formulare werden in Ihrem WBS Account erstellt. Dazu gibt es detalierte Anleitungen
WBS Formulare erstellen.
 

Google Maps

Google Maps richten Sie auf Google Maps ein:

  • 1. Standort suchen
  • 2. Bei der Übersicht das letzte der vier Icons auswählen "Teilen".
  • 3. "Karte einbetten" - Die Grösse der Google Maps anpassen.
  • 4. Link vom iframe kopieren und an der gewünschten Stelle im Quellcode einfügen.

Klassen & ID's

Hier werden die wichtigsten Klassen aufgezeigt und erklärt.

Alle anderen Klassen & ID's sind normal über den Editor abzuändern.

.bg-text

Um einen transparenten Hintergrund einzustellen müssen sie im CSS Editor die Farbe in RGBA eingeben. "RGB" ist ein Farben Code und "A" stellt die Transparenz dar, im Bereich von 0.0 - 1.
Wie Ändere Ich den Farbencode im CSS?

.inverted

Im Editor können sie den Hintergrund und weitere Einstellungen abändern.
Einfügen im Quellcode

.text-box-kategorien

Durch die Funktion "absolute" wird die Klasse über das Bild gelegt. Dazu müssen auch Positionsveränderungen vorgenommen werden. Der Hintergrund wird mithilfe von RGBA definiert.
Wie Ändere Ich den Farbencode im CSS?

.product-wrapper

span.label-flag.sales

Im Design unterdem Punkt "Shop" können sie die Flaggen anpassen.

span.label-flag.new

Im Design unterdem Punkt "Shop" können sie die Flaggen anpassen.

a.wbsshop_article_title

Das Layout können sie abändern indem sie in das WBS Shop Modul gehen. Konfiguration - Layouts & Shop-Texte - Shop-Katalog - Haupt-Artikelübersichts-Layout - Tag "More"
Doppelklick und das CSS abändern.

.block_contentservice

.block_contentservice:hover

Hier können sie die Hintergrundfarbe ändern die erscheint wenn man mit der Maus darüber fährt.

span.fa.fa-thumbs-up

Sie können die Grösse sowie die Farbe des Icons ändern...

span.fa.fa-shopping-bag

Sie können die Grösse sowie die Farbe des Icons ändern...

span.fa.fa-comments-o

Sie können die Grösse sowie die Farbe des Icons ändern...

.linie

.panel-default>.panel-heading

add_to_cart_notification

Im Design unter dem Punkt "Shop" können Sie die Benachrichtigung anpassen. Wenn sie alle Werte löschen greift ein Standard Design.

Footer
blockHeaderEditIcon

Copyright by Worldsoft AG 2016 / All rights reserved
Benutzername:
User-Login
Ihr E-Mail