Design Möglichkeiten

Inhaltsverzeichnis

Einleitung

Dieses Dokument beschreibt die verschiedenen Möglichkeiten und Angebote der Design-Umsetzung in Ihrem 21.Commerce. Das Shopsystem ist responsive und präsentiert Inhalte optimal für jede Geräteklasse.

Design-Anpassung mittels Administration

Die Administration bietet umfangreiche Möglichkeiten zur Umsetzung eines eigenen Layouts. Diese Anpassungen können ohne Programmierkenntnisse vorgenommen werden.

Den Inhalt können Sie danach schnell und einfach mit dem Content Editor einrichten.

Themes

Im Swiss21.Shop können Sie das Erscheinungsbild Ihres Onlineshops flexibel gestalten. Die Grundlage dafür bilden sogenannte Themes, die das allgemeine Design, Farben und Layouts bestimmen.

So wählen Sie ein Theme aus:

Gehen Sie in der Shopadministration zum Bereich Design unter “Design” → “Themes”
Wählen Sie ein Theme aus der Liste verfügbarer Vorlagen, das als Basisdesign für Ihren Shop dienen soll.
Nach Auswahl wird das Design automatisch übernommen und im Shop angezeigt.

Design zurücksetzen:

Falls Sie Änderungen vorgenommen haben und zum ursprünglichen Zustand zurückkehren möchten, steht Ihnen eine “Reset-Funktion” zur Verfügung. Damit wird das aktuell gewählte Theme wieder auf die ursprünglichen Einstellungen zurückgesetzt – ohne Ihre Shopdaten zu verändern.

Einstellungen

Um das Erscheinungsbild Ihres Shops individuell zu gestalten, gehen Sie in der Shopadministration zu: “Design” → “Einstellungen”

Dort stehen Ihnen folgende Gestaltungsmöglichkeiten zur Verfügung:

1. Shoplogo und Favicon hochladen

Laden Sie ein eigenes “Shoplogo” hoch, das im Kopfbereich Ihres Onlineshops angezeigt wird.
Zusätzlich können Sie ein “Favicon” (kleines Symbol in der Browser-Registerkarte) hochladen, um Ihre Marke visuell zu unterstützen.

2. Farben und Schriften anpassen

Wählen Sie individuelle “Farben” für Elemente wie Hintergründe, Schaltflächen und Schriftzüge.
Passen Sie die “Schriftart” an, um das Design an Ihren Markenauftritt oder Ihre Zielgruppe anzupassen.

3. Position der Navigation festlegen

Bestimmen Sie, ob die “Hauptnavigation” (Menü) im oberen Bereich, seitlich oder an anderer Stelle im Shop angezeigt wird.

4. Weitere Design-Detailanpassungen

Je nach gewähltem Theme können Sie zusätzliche “Layout- und Stileinstellungen” vornehmen, um das Design noch feiner abzustimmen.

Mit diesen Optionen gestalten Sie Ihren Shop professionell und markengerecht – ganz ohne Programmierkenntnisse.

Shopbuttons

In der Shopadministration unter “Design” → “Shopbuttons” haben Sie die Möglichkeit, das Erscheinungsbild der Schaltflächen (Buttons) in Ihrem Shop individuell zu gestalten.

So passen Sie Ihre Shopbuttons an:

Sie können vorhandene Standardbuttons durch eigene Designs ersetzen.
Laden Sie dazu eigene “Bilddateien” hoch, die als neue Buttons verwendet werden sollen.

Achten Sie darauf, dass die hochgeladenen Bilder die passende Grösse und ein einheitliches Design aufweisen, damit sie sich harmonisch in das Gesamterscheinungsbild Ihres Shops einfügen.

Diese Funktion bietet Ihnen zusätzliche gestalterische Freiheit, um Ihren Shop visuell an Ihre Marke oder ein spezielles Layout anzupassen.

Bilder hochladen

In der Shopadministration unter “Design” → “Bilder hochladen” können Sie verschiedene grafische Elemente für Ihren Shop hinzufügen oder ersetzen.

Was Sie hier hochladen können:

“Shoplogos” – zur Darstellung Ihrer Marke im Kopfbereich des Shops.
“Hintergrundbilder” – für die visuelle Gestaltung des Seitenhintergrunds.
Weitere individuelle “Bildteile”, die im Rahmen Ihres gewählten Designs eingesetzt werden können.

Achten Sie bei der Auswahl der Bilder auf passende Dateiformate (z. B. JPG, PNG) und eine optimierte Dateigrösse für eine gute Ladezeit und Darstellung auf allen Endgeräten.

Mit dieser Funktion gestalten Sie Ihren Shop visuell individuell und markenkonform – ganz ohne Programmieraufwand.

Weitere Hilfe

Bei Fragen oder Problemen hilft Ihnen unser Support gerne weiter. Eröffnen Sie dazu ein Support-Ticket:

Gehen Sie in das Swiss21 Portal.
Klicken Sie oben rechts auf Ihr Profilbild.
Klicken Sie auf “Support”.
Klicken Sie auf “Support kontaktieren”.
Füllen Sie das Formular aus und unser Support meldet sich so bald wie möglich bei Ihnen.

Support Öffnungszeiten: Montag – Freitag I 08:00h – 12:00h I 13:30h – 17:00h