*

(968 x gelesen) im
Okt 13 2016

Anleitungen zum Shop Template 01

Start / Navigation

Beim kopieren eines Templates wird die Navigationstruktur übernommen. Diese müssen Sie mit Ihren eigene Kategorien anpassen und speichern.

Davor müssen Sie die Kategorien in der WBS angelegt und dem Shop zugewiesen haben.

Jetzt müssen Sie das Mega-Menü auf Ihre Navogationsstruktur anpassen.

Start / Mega-Menü

Formulare

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

WBS

Google Maps

Die Google Maps die auf diesem Template abgebildet ist können Sie über Google Maps einrichten

  • 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 ab zu ändern.

.bg-text

Um einen Transparenten Hintergrund einzustellen müssen Sie im CSS Editor die Farbe in RGBA eingeben. "RGB" ist der normale Farben Code und "A" stelt die Transparenz da, 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 Funltion Absolut wird die Klasse über das Bild gelegt. Dazu müssen auch Positionsveränderungen vorgenommen werden also über den "Aussenrand". Der Hintergrund wird mithilfe von RGBA definiert.
Wie Ändere Ich den Farbencode im CSS?

.product-wrapper

span.label-flag.sales

Die Flaggen könen Sie auf Ihren Wunsch anpassen.

span.label-flag.new

Die Flaggen könen Sie auf Ihren Wunsch 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 Hintergrundfargbe abä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 abändern...

span.fa.fa-shopping-bag

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

span.fa.fa-comments-o

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

.linie

.panel-default>.panel-heading

add_to_cart_notification

Im Design unterdem Punkt "Shop" können Sie die Benachrichtigung anpassen. Wenn Sie alle Werte raus löschen wird ein Standard Design greifen.

Kommentar 2

gtzhuztdrtzhh

stfg

Benutzername:
User-Login
Ihr E-Mail
Kein Problem. Geben Sie hier Ihre E-Mail-Adresse ein, mit der Sie sich registriert haben.