BrandCrock | Tor zur digitalen Marke

Electo Theme Installation

Über BrandCrock GmbH

Die BrandCrock GmbH ist ein Anbieter von Softwarelösungen aus einer Hand für alle Ihre Lösungen in mehr als 15 Ländern weltweit. Wir erstellen vertriebsorientierte Corporate Websites, webbasierte Anwendungen und Web-Services. Wir haben unseren Sitz in München, Deutschland, mit weiteren Büros in Karachi und Chennai. BrandCrock GmbH ist einer der führenden und vertrauenswürdigen deutschen Offshore- und Outsourcing-Anbieter von Softwarelösungen für Webdesign und Anwendungsentwicklung seit 2015. Für weitere Informationen, besuchen Sie bitte unsere Website Übersetzt mit DeepL.com (kostenlose Version)  https://www.brandcrock.com/de/

Thema Installation

Schritt 1: Nach dem Herunterladen der Electo Theme, Melden Sie sich im Shop und befolgen Sie diese Schritte zur Installation der Electo Theme. Sobald Sie eingeloggt sind, navigieren Sie zum Erweiterungen Abschnitt. Wählen Sie aus dem Dropdown-Menü Meine Erweiterungen. Suchen Sie nach dem Themes und klicken Sie darauf. Suchen Sie die Electo Theme from the list of available themes.

Schritt 2: Klicken Sie dann auf den Kippschalter, um das Electo-Thema zu aktivieren und es.

Schritt 3: Standardmäßig ist das Shopware-Thema voreingestellt. Um das Thema zu ändern, folgen Sie diesen Schritten: Navigieren Sie zu Electo Theme im Menü. Wählen Sie Theme  auf der Registerkarte. Klicken Sie auf das Thema ändern schaltfläche.

Schritt 4: Wählen Sie die Electo Theme Option aus den verfügbaren Themen. Nachdem Sie das Thema ausgewählt haben, klicken Sie auf die Schaltfläche Speichern Sie um die Änderungen zu speichern.

Schritt 5: Shop-Cache muss gelöscht werden Sobald die Electo Theme ist aktiviert ist, navigieren Sie zu Einstellungen > System > Caches

Schritt 6: Klicken Sie auf Caches löschen

Theme-Deinstallation

Um das Thema zu deinstallieren, müssen Sie es zunächst deaktivieren. Dies ist ein zweistufiger Prozess, der im Folgenden beschrieben wird

Schritt 1: Zum Deaktivieren der Electo Theme, folgen Sie bitte diesen Schritte: Navigieren Sie zur Seite Erweiterungen Abschnitt. Wählen Sie aus dem Dropdown-Menü Meine Erweiterungen. Suchen Sie nach dem Themes und klicken Sie darauf. Suchen Sie . die Electo Theme Thema in der Liste. Klicken Sie auf den Deaktivierungsschalter, um das das Electo Theme.

Schritt 2: Als nächstes klicken Sie auf die Schaltfläche Deinstallieren

Produktliste Konfiguration

1- Gehen Sie zum Registerkarte Kategorieseiten und wählen Sie die Kategorie Konfiguration

2- Produkt-Box: Sie können die Hintergrundfarbe, die Rahmenfarbe, die Schattenfarbe, Bildhintergrund, Hintergrundfarbe der Schaltfläche „Kaufen“, Textfarbe der Schaltfläche „Kaufen“, Randfarbe der Schaltfläche „Kaufen Randfarbe, Hintergrundfarbe der Detail-Schaltfläche, Textfarbe der Detail-Schaltfläche, Farbe der Detail-Schaltfläche Farbe der Umrandung der Schaltfläche, Farbe des Abzeichens, Farbe des Produktpreises, Farbe des günstigsten Preises, Farbe des Wunschbuttons Hintergrundfarbe und Textfarbe der Schaltfläche „Wunsch“,

3- Sortierung: Sie können die Hintergrundfarbe, die Farbe des Rahmens, die Randfarbe, Textfarbe und Randradius

4- Layout: Sie können das Layout der Produktliste ändern

5- Layout: Sie können das Layout der Produktliste ändern

6- Layout: Sie können das Layout der Produktliste ändern

Inhalt Konfiguration

1- Gehen Sie zum Registerkarte „Inhalt and select the content configuration

2- Filter volle Breite: Sie können die Hintergrundfarbe, die Textfarbe der Überschrift, Textfarbe, Rahmenfarbe, Filterrahmenfarbe, Symbolfarbe, Symbolhintergrund, Rahmenfarbe des Symbols Farbe des Symbols ändern und den Rahmenradius und das Rahmenradiusfeld ändern.

3- Semmelbrösel: Sie können die Textfarbe, die Farbe des Links bei Hover, die Farbe des Links wenn aktiv, und die Farbe des Symbols

4- Paginierung: Sie können die Textfarbe, die Rahmenfarbe und die Hintergrundfarbe ändern, Textfarbe bei Hover, Textfarbe bei Aktivierung, Rahmenfarbe bei Aktivierung, Hintergrundfarbe bei Aktivierung aktiv, Textfarbe, wenn deaktiviert, und Hintergrundfarbe, wenn deaktiviert.

Extensions Konfiguration

1- Gehen Sie zum Registerkarte Erweiterung und wählen Sie die Erweiterung Konfiguration

2- Nach oben scrollen: Sie können den Rahmenradius, den Schlagschatten, die Schatten Farbe, Symbolfarbe, Rahmenfarbe, Hintergrundfarbe, Symbolfarbe bei Schwebezustand, Rahmenfarbe bei Schwebezustand, und die Hintergrundfarbe beim Verweilen für die Schaltfläche „Hochrollen“ konfigurieren.

Konfiguration der Fußzeile

1- Gehen Sie zum Registerkarte „Fußzeile und wählen Sie die Fußzeilenkonfiguration

2- Layout: Sie können zwischen einem Container-Layout mit voller Breite oder maximaler Breite wählen Layout wählen. Sie haben auch die Möglichkeit, die Copyright-Fußzeile und das Service-Menü Menü. Außerdem können Sie das Hintergrundbild ändern, indem Sie seine Abmessungen, Position und Wiederholung. Sie können die Schriftgröße, die Text- und Überschriftenstile, die Zeilenbreite für Überschriften und die Textformatierung für Überschriften an Ihre Bedürfnisse anpassen, und die Textformatierung für Überschriften nach Ihren Wünschen anpassen.

3- Fußzeilen-Navigation: Sie können die Hintergrundfarbe, die Linkfarbe, die Linkfarbe Farbe des Links bei Hover, Textfarbe, Farbe der Überschrift, Farbe des Rahmens und Farbe des oberen Rahmens für die Fußzeile Navigation.

4- Zahlungs- und Versandlogos: Sie haben auch die Flexibilität, die Zahlungs- und die Zahlungs- und Versandmethoden zu aktivieren oder zu deaktivieren. Sie können die abgerundeten Kanten, die Hintergrundfarbe und die Rahmenfarbe nach Ihren Wünschen einstellen.

Kopfzeile Konfiguration

1- Gehen Sie zum Kopfzeilen Registerkarte und wählen Sie die Header-Konfiguration aus

2- Förderung der oberen Leiste: Sie haben die Flexibilität, Optionen zu aktivieren oder zu deaktivieren und die Hintergrundfarbe, die Textfarbe, die Schriftgröße und die Hintergrundfarbe links und rechts anpassen

3- Kopfzeilenstil & Aufkleber: Es gibt verschiedene Stile in der Kopfzeile wie z. B. die Hintergrundfarbe der Kopfzeile und der Box-Schatten. Sie können auch die Kopfzeile aktivieren oder deaktivieren Sticky Header aktivieren oder deaktivieren und die Farbe des Sticky-Hintergrunds ändern

4- Obere Leiste: Sie haben die Flexibilität, Optionen zu aktivieren oder zu deaktivieren und die die Hintergrundfarbe, die Textfarbe, die Schriftgröße und die Hintergrundfarbe des Rabatts auf der linken und rechten Seite anpassen.

5- Suche und Flyout-Farbe: Sie haben die Flexibilität, Optionen zu aktivieren oder zu deaktivieren Optionen zu aktivieren oder zu deaktivieren, die Textfarbe, die Farbe des Rahmens, die Hintergrundfarbe, die Farbe des Symbols auf der Schaltfläche der Schaltfläche, die Farbe des Symbols beim Hovern, die Farbe des Rahmens der Schaltfläche, die Hintergrundfarbe beim Hovern der Schaltfläche, Hintergrundfarbe für die Flyout-Suche, Rahmenfarbe für die Flyout-Suche, Überschriftenfarbe für das Flyout und die Farbe der Schaltfläche im Flyout.

6- Aktionstaste: Sie können die Schriftstärke, die Textfarbe, die Farbe des Textes beim Schweben, Farbe des Symbols und die Farbe des Symbols bei Hover.

7- Hauptnavigationsfarbe: Sie haben die Flexibilität, Optionen zu aktivieren oder zu deaktivieren und die Hintergrundfarbe, die Textfarbe, die Farbe des aktiven Textes, die Farbe des Textschweifs, die Farbe der Navigationsleiste und die Schriftgröße und Textformatierung ändern.

8- Hauptnavigation Flyout Farbe: Sie können die Hintergrundfarbe, die Farbe der Kategorie Textfarbe der Überschrift, Textfarbe der Kategorie und Hover-Farbe, Textfarbe für Ebene eins, Hover-Farbe, und die Schriftgröße anpassen.

9- Reaktionsfähige Kopfzeilenfarbe: Sie können die Hintergrundfarbe und die Farbe des Navigationssymbols Farbe separat für Desktop und Mobile ändern. Responsive Hauptnavigation: Sie können die Hintergrundfarbe ändern. Schaltfläche „Aktion“: Sie können die Farbe des Symbols und Hover-Farbe

General Theme Configuration

1- Nach erfolgreicher Installation des Electro-Themes, navigieren Sie zu Electro -> Thema -> Thema bearbeiten

2- Gehen Sie auf die Registerkarte Layout: Wählen Sie hier die allgemeine Themenkonfiguration aus

3- Themenfarben: Passen Sie die Primär- und Sekundärfarben, den Rahmen, den Hintergrund, Link- und Hover-URL-Farben nach Ihren Vorlieben für Ihr Thema

4- Allgemeines Layout: Passen Sie die Hintergrundfarbe des allgemeinen Layouts des Themas an, Hintergrundbild, Bildgröße, Position und maximale Breite des Containers

5- Statusbenachrichtigung/Nachrichten Farbe: Anpassen der Farbe von Erfolg, Hinweis, Information, und Fehlermeldung Farbe

6- Allgemeine Typografie: Schriftart, Textfarbe, Schriftartüberschrift und -farbe, Basistext Größe

7- E-commerce: Sie können die Hintergrundfarbe, die Textfarbe und die Preisfarbe des allgemeinen Kaufbuttons Textfarbe und Preisfarbe auf der Produktdetailseite ändern

8- Logo: Sie können das Logobild für Desktop-, Tablet- und Mobilbildschirme ändern, sowie sowie die maximale Breite und die maximale Höhe

9- Schaltflächen: Ändern Sie die Hintergrundfarbe der allgemeinen primären und sekundären Schaltflächen

10- Formulare: Ändern Sie die Farbe des Eingabetextes, die Farbe des Rahmens, den Hintergrund der Eingabe Farbe, Platzhalterfarbe und Schriftgröße des Textes

11- Produktbewertung: Hintergrundfarbe der Produktbewertung ändern

Produktdetail Konfiguration

1- Gehen Sie zum Produkt-Registerkarte und wählen Sie die Produktseite Konfiguration

2- Layout: Sie können die Hintergrundfarbe der Containerbox konfigurieren.

3- Buy Box: Sie können wählen, ob Sie die Kurzbeschreibung, die Kategorie Tags, Tags anzeigen und die Option für die Bestandsansicht auf der Detailseite ein- oder ausblenden. Außerdem können Sie die Farbe Preisfarbe, Rabattpreisfarbe, Beschreibungsfarbe, Kategorie- und Beschriftungsfarbe anpassen. Sie können auch können Sie auch die Farbe des Notizblocksymbols, die Hintergrundfarbe und die Farbe des Hover-Hintergrunds ändern.

4- Produktseite: Sie können die Hintergrundfarbe, die Textfarbe, die Datumsfarbe, und die Farbe des Rahmens für die Produktseite ändern.

5- Schwebendes Widget: Sie haben die Möglichkeit, das schwebende Widget ein- oder auszublenden. Sie können auch die Hintergrundfarbe und die Textfarbe anpassen sowie die Textfarbe und die Farbe des Symbols für den USP-Abschnitt anpassen. Außerdem können Sie die Hintergrundfarbe der Schaltfläche und die Textfarbe für die Schaltfläche „Kaufen“ einstellen.

Einkaufserlebnisse Konfiguration

1- Gehen Sie zum Registerkarte Einkaufserlebnis und wählen Sie die Einkaufserlebnis Erlebnis-Konfiguration

2- Überschrift des Produktschiebers: Ändern Sie die Schriftgröße und Schriftstärke des Produkts Schieberegler Überschrift

3- Allgemeiner Widget-Block: Sie können den Radius des Rahmens und den Animationsstil ändern für alle Widgets

4- Kategorie Teaser: Sie können die Grundansicht des Kategorie-Teasers ändern

Wie man die Einkaufswelt gestaltet

1- Gehen Sie im Administrations-Dashboard auf Einkaufserlebnisses und klicken auf das Neues Layout erstellen schaltfläche.

2- Wählen Sie die landing page oder jede andere Layoutart Ihrer Ihrer Wahl.

3- Wählen Sie den gewünschten Abschnittstyp.

4- Legen Sie nun den Namen des Layouts fest und klicken Sie auf die Schaltfläche Layout erstellen.

5- Nachdem Sie Ihr Layout erstellt haben, gehen Sie zu Kataloge > Kategorien und klicken Sie auf die Kategorie, der Sie das zuvor erstellte Layout zuweisen möchten.

6- Wählen Sie nun die Layout-Registerkarte und klicken Sie auf die Schaltfläche Layout ändern Schaltfläche.

7- Wählen Sie das kürzlich erstellte Layout aus und klicken Sie auf die Schaltfläche Speichern. Sie können auch den Namen des Layouts suchen, wenn er zunächst nicht sichtbar ist

8- Nachdem Sie das Layout zugewiesen haben, können Sie die Kategorieeinstellungen speichern.

Bannerraster-Konfiguration

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Text und Bild aus dem Dropdown-Menü.

2- Ziehen Sie nun das Banner-Grid-Element-Widget an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie das Bild, die Kachel, den Rabatt oben Text, Schaltflächentext und URL ändern.

5- Sie können die Position des Inhalts und des Preises so ändern, dass sie von links nach rechts ausgerichtet sind, Sie können auch die Farbe des Titels, die Farbe des oberen Rabatttextes, die Farbe des Preises und die Farbe des Schaltflächentextes ändern.

Hersteller Schieberegler Konfiguration

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Commerce aus dem Dropdown-Menü.

2- Ziehen Sie nun das Hersteller-Slider-Element-Widget an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie die Marke auswählen und die Farbe des Hover Bildfarbe und den Titel ändern.

Kategorie Raster Konfiguration

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Text und Bild aus dem Dropdown-Menü.

2- Ziehen Sie nun das Widget für das Kategoriegitterelement an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie das Bild, den Titel und den Text der Schaltfläche ändern, URL ändern und die Farbe des Titels und des Schaltflächentextes modifizieren.

Konfiguration des Kategorie-Rasterlayouts

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Text und Bild aus dem Dropdown-Menü.

2- Ziehen Sie nun das Widget des Kategorie-Raster-Layout-Elements an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie das Bild des Banners, den Titel, den Text der Schaltfläche Text und URL ändern.

5- Sie können auch die Titelfarbe und die Farbe des Schaltflächentextes ändern.

Konfiguration des Produkt-Countdown-Abschnitts

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Commerce aus dem Dropdown-Menü.

2- Ziehen Sie nun das Produkt-Countdown-Element-Widget an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie den Angebotstext hinzufügen und die Hintergrundfarbe, Produkttitelfarbe, Angebotsfarbe, Countdown-Hintergrundfarbe, Countdown-Farbe, Preisfarbe, Rabatt-Hintergrundfarbe und Rabatt-Textfarbe ändern.

5- Sie können das jeweilige Angebot auswählen und die Hintergrundfarbe ändern, Titelfarbe, Textfarbe, Preisfarbe und Linkfarbe ändern.

Produktwerbung mit Bannerkonfiguration

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Text und Bild aus dem Dropdown-Menü.

2- Ziehen Sie nun das Widget für das Produktwerbungselement an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie das Bild, den Titel, den Werbetext, den Preis, den Buttontext und die URL ändern

5- Sie können die Position des Banners ändern und das gewünschte Feld auswählen, um ein Dropdown von links nach rechts haben. Außerdem können Sie die Farbe des Titels, des Angebotstextes Farbe des Titels, des Angebotstextes, des Angebotspreises und des Schaltflächentextes ändern.

6- Klicken Sie auf das Einstellungssymbol, um die Konfiguration der Produktelemente zu öffnen.

7- You can change the slider title, product assignment and select your products you want to display.

8- Sie können den Anzeigemodus, den Layouttyp, die Navigation und die Mindestbreite des Produkts ändern.

SEO Rabatt Banner Konfiguration

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Text und Bild aus dem Dropdown-Menü.

2- Ziehen Sie nun das SEO-Rabattbanner-Element-Widget an die gewünschte an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie das Bild, die Kachel, den Rabatttext, Schaltflächentext und URL ändern.

5- Sie können die Farbe des Titels, die Farbe des oberen Rabatttextes, die Farbe des Rabatttextes, Farbe der Schaltfläche und die Hintergrundfarbe der Schaltfläche ändern.

Einzigartiges Verkaufsargument Bar

1- Einkaufserlebnis: navigieren Sie zur Blockkategorie und wählen Sie Commerce aus dem Dropdown-Menü.

2- Ziehen Sie nun das Widget des USP-Slider-Elements an die gewünschte Stelle auf der linken Seite des CMS-Bereichs.

3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Element Konfigurationen.

4- In der Elementkonfiguration können Sie das Bild, die Überschrift, die Unterüberschrift und die URL auswählen, und URL auswählen. Außerdem können Sie die Farbe der Hauptüberschrift und der Unterüberschrift ändern.

Konfiguration der Seitenleiste

1- Gehen Sie zum Registerkarte „Seitenleiste und wählen Sie die Seitenleistenkonfiguration

2- Layout: Sie haben die Möglichkeit, die Sticky Sidebar zu ändern.

3- Navigation in der Seitenleiste: Sie können die Farbe der Kategorieüberschrift, die Kategorie Hintergrundfarbe, Textfarbe der Navigation, Rahmenfarbe der Navigationsbox, Farbe der Navigationsbox Hintergrundfarbe des Navigationsfeldes, die Farbe des aktiven Links, die Farbe des Hover-Links, die Farbe des Symbols und die Hintergrundfarbe.

4- Filter in der Seitenleiste: Sie können die Textfarbe der Überschrift, die Textfarbe der Beschriftung, Rahmenfarbe, Schriftgröße der Überschrift, Schriftstärke der Überschrift und Textformatierung der Überschrift Überschrift.

5- Banner-Widget für die Seitenleiste: Sie haben die Flexibilität, das Banner zu aktivieren oder zu deaktivieren Banner zu aktivieren oder zu deaktivieren sowie es hochzuladen.

Schieberegler Konfiguration

1- Gehen Sie zum Registerkarte „Schieberegler und wählen Sie die Schieberegler-Konfiguration

2- Schieberegler: Sie haben die Möglichkeit, den Schieberegler zu aktivieren und zu deaktivieren und die volle Breite des Containers und die maximale Breite des Containers einstellen.

Widgets Konfiguration

1- Gehen Sie zum Registerkarte „Widget und wählen Sie die Widget-Konfiguration

2- Auszeichnungen, Siegel und Zertifizierungen: Sie haben die Flexibilität, Zertifikate zu aktivieren und Zertifikate zu aktivieren und zu deaktivieren und mehrere Zertifikatsbilder hochzuladen.

3- Newsletter: Sie haben die Flexibilität, den Newsletter zu aktivieren oder zu deaktivieren, Sie können verschiedene Elemente anpassen, darunter den Radius der Schaltfläche, die Newsletter-Hintergrundfarbe Hintergrundfarbe, Newsletter-Textfarbe, Newsletter-Überschrift, Button-Hintergrundfarbe, Button Hintergrundfarbe des Buttons bei Hover, Rahmenfarbe des Buttons, Textfarbe des Buttons, Hintergrundfarbe der Eingabefelder Hintergrundfarbe der Eingabefelder, Textfarbe der Eingabefelder, Rahmenfarbe der Eingabefelder, Farbe des Platzhaltertextes in Eingabefeldern und die Farbe des Datenschutztextes. Übersetzt mit DeepL.com (kostenlose Version)

4- Kontakt: Sie können das Fußzeilenlogo, die Hintergrundfarbe, die Textfarbe, die Textfarbe Hover-Farbe, Symbolfarbe ändern und die Schriftgröße nach Ihren Wünschen anpassen.

5- Soziale Medien: Sie können die Elemente der sozialen Medien in der Fußzeile und auf der Detailseite flexibel aktivieren oder deaktivieren. Elemente in der Fußzeile, der oberen Leiste und der Detailseite zu aktivieren oder zu deaktivieren. Sie können auch verschiedene Aspekte anpassen, wie wie die Farbe des Symbols in der oberen Leiste, die Farbe des Symbols bei Hover, die Farbe des Symbols in der Fußzeile und auf der Detailseite, die Farbe des Symbols bei Hover Rahmenfarbe, Hintergrundfarbe, Hintergrundfarbe bei Hover und verschiedene Social Media URLs.

6- USP: Sie haben die Möglichkeit, den USP-Bereich in der Fußzeile zu aktivieren oder zu deaktivieren. der Fußzeile zu aktivieren oder zu deaktivieren. Außerdem können Sie den Radius des Rahmens, die USP-Hintergrundfarbe, die USP-Box Farbe, Schriftfarbe anpassen und Bootstrap-Klassen hinzufügen, um das Symbol zu ändern. Sie können auch die URL nach erforderlich.

7- Instagram: Sie haben die Möglichkeit, die Instagram-Integration zu aktivieren oder zu deaktivieren Integration zu aktivieren oder zu deaktivieren und das Instagram-Token einzugeben. Sie können auch die Overlay-Farbe nach Belieben anpassen.

Nach oben scrollen