zurück zur Präsentation

OMEGA

Omega Theme konfigurieren

Herzlichen Dank, dass Sie sich für OMEGA entschieden haben. Die Installation wird nur wenige Minuten dauern. Wir erklären Ihnen, wie es geht:

Konfigurieren Sie das Omega Theme

Nachdem das Omega Theme installiert wurde, wird es im Backend -> Theme Manager sichtbar sein. Um das Theme zu konfigurieren, wählen Sie es aus und klicken auf das “Theme konfigurieren”-Icon unten rechts auf Ihrem Bildschirm.

Hello World!

Es wird ein Fenster geöffnet, in dem Sie das Theme konfigurieren können. Im Medien-Fenster des Themes können Sie für jedes der angegebenen Banner ein Bild hochladen.

Hello World!

Um den Homepage-Slider zu konfigurieren, klicken Sie auf den “Header Slider & Clime” Reiter.

Hello World!

Farbkonfiguration

Um das beste visuelle Erlebnis bei der Verwendung des Themas zu erreichen, müssen Sie zuerst das Farbenschema konfigurieren. Sie können dies tun, indem Sie auf die Schaltfläche `Farb-Кonfiguration` klicken (Schritt 1).Als nächstes klicken Sie auf den Tab `Allgemein` (Schritt 2) und dann auf Konfigurations-Vorlagen (Schritt 3) in der unteren linken Fensterecke. Danach, wählen Sie den Omega-Theme aus dem Dropdown-Menü (Schritt 4).

Um fortzufahren, klicken Sie auf `Laden` (Schritt 5) und erst dann auf `Speichern` (Schritt 6), um die Konfigurierung abzuschließen.

Hello World!

Header Variationen

Header Clime Design bietet Ihnen fünf Layout Möglichkeiten zur Auswahl

Variant 1

Hello World!

Variant 2

Hello World!

Variant 3

Hello World!

Variant 4

Hello World!

Variant 5

Hello World!

Um den Text im Banner zu ändern, können Sie im Backend die Texte der folgenden Snippets entsprechend anpassen:

IndexHeroSectionHeadingFirstLine

IndexHeroSectionHeadingSecondLine

IndexHeroSectionParagraph

IndexHeroSectionButtonLink

IndexHeroSectionButtonText

Slider Elemente- Hier können Sie für den Slider bis zu vier verschiedenen Bilder hochladen

Autoplay- wenn gewählt, werden die Bilder im Slider automatisch abgespielt.

Navigations-Pfeile- wenn angewählt, werden Navigations-Pfeile links vor und rechts nach dem Banner gezeigt

Drag’n’Drop- gibt dem Benutzer die Möglichkeit, die Bilder im Slider mit der Maus zu verschieben bzw. zu platzieren

Autoplay beim Hover aussetzen- wenn der Cursor auf dem Bild steht, wird das abspielen ausgesetzt, damit der Benutzer genug Zeit hat, um die Informationen im Banner lesen zu können.

Slider oder Hero Image- Sie können auswählen, ob das Bild im Hero Image Upload-Bereich oder im Slider angezeigt werden soll.

Maus-Symbol im Header zeigen- wenn aktiviert, wird ein Maus-Symbol angezeigt, um das Herunterscrollen zum restlichen Seiteninhalt zu ermöglichen

Hello World!

Autoplay Geschwindigkeit- hier können Sie das Slider-Transition-Tempo bestimmen

Punkte- wenn angewählt, wird die Anzahl der Slider-Bilder in Form von Punkten angezeigt

Hello World!

Infinite Loop- Nachdem das letzte Bild angezeigt wurde, beginnt die Slideshow am Ende automatisch von vorn.

Swiping erlaubt- wenn ausgewählt, können User mit einem Touchscreen per Wischen schneller durch die Bilder navigieren.

Header Overlay anwenden- wenn gewählt, wird ein Overlay auf dem Bild angezeigt

Hello World!

Fancy slider badge- Der Fancy Slider ist ein Element der Einkaufswelten, mit dem bestimmte Artikel Ihrer Wahl extra hervorgehoben werden können . Definieren Sie außerdem,, welche der vier gegebenen Labels hier verwendet werden sollen

Hello World!

Frontend Visualisierung

Hello World!

Social Media- Um den Shop mit Ihren Social Media Accounts zu verlinken, können Sie hier alle entsprechenden URLs einfügen

Hello World!

Das Social.Media-Icon wird im Footer Ihres Shops gezeigt.

Hello World!

Einstellungen für die Einkaufswelten

Kategorien Teaser

Hello World!

Layout Konfiguration:Um die obige Darstellung zu erzielen, können Sie hier die Einstellungen für jedes einzelne Element der Einkaufswelten vornehmen

Hello World!

Text Element → open the HTML tag h2 className="styled-heading"CATEGORIES h2

Hello World!

Category teaser → css class → category-teaser-item

Hello World!

Kategorie-Mosaik-Teaser:

Um die obige Darstellung zu erzielen, können Sie hier die Einstellungen für jedes Element der Einkaufswelten separat konfigurieren

Hello World!

Layout Konfiguration:Um die obige Darstellung zu erzielen, können Sie hier die Einstellungen für jedes einzelne Element der Einkaufswelten vornehmen

Hello World!

Category teaser → css class → category-mosaic-item

Hello World!

Um den Text nach links oder rechts zu verschieben, verwenden Sie bitte eine der folgenden CSS-Klassen zu Ihrem CSS: entweder left-text oder right-text . Wenn Sie ein dunkles transparentes Overlay auf den Bildern verwenden möchten, können Sie dies durch eine extra Klasse namens “overlay” erreichen.

Slider

Der -Artikel-Slider “Einige unserer Artikel”

Hello World!

Layout Konfiguration

Hello World!

Artikel-Slider “Neu eingetroffen”

Hello World!

Fancy Slider

Hello World!

Layout Konfiguration

Hello World!

Bitte fügen Sie die Kasse“fancy-slider-wrapper”zu ihren bestehenden CSS-Klassen hinzu.

Marken-Slider

Hello World!

Layout Konfiguration

Hello World!