Installationsanleitung
Über BrandCrock GmbH
Die BrandCrock GmbH ist ein Anbieter von Softwarelösungen aus einer Hand und bietet Lösungen in mehr als 15 Ländern weltweit an. Wir erstellen vertriebsorientierte Unternehmenswebseiten, webbasierte Anwendungen und Webservices. Wir sind in München ansässig und haben weitere Büros in Karachi und Chennai. BrandCrock GmbH ist einer der führenden und vertrauenswürdigen Offshore- und Outsourcing-Software-Lösungsanbieter für Webdesign und Anwendungsentwicklung in Deutschland. Seit 2015 sind wir in der Informationstechnologie und Softwareentwicklung tätig und bieten zuverlässige und kosteneffiziente Lösungen für Privatpersonen, Geschäftsinhaber, Start-ups, kleine und mittlere Unternehmen (KMU), Online-Händler, Produktionsunternehmen und Software- und Designagenturen. BrandCrock erfüllt eine größere Nachfrage nach Softwareentwicklung zu angemessenen Kosten für alle, die an unseren professionellen Fähigkeiten interessiert sind, insbesondere auf dem europäischen und deutschen Markt. Wir haben leidenschaftliche Teams und multitalentierte Mitarbeiter, die mit großem Engagement bei der Sache sind. Bei BrandCrock erreichen wir robuste, zuverlässige und qualitativ hochwertige IT-Lösungen, indem wir industrieerprobte Methoden und Standards in den Bereichen Softwareentwicklung, Projektmanagement und Qualitätssicherung anwenden. Für weitere Informationen besuchen Sie bitte unsere Website https://www.brandcrock.com/de/
Schritt 1: Loggen Sie sich in das Backend des Shops ein, nachdem Sie dasElegantTheme aus dem Shop heruntergeladen haben, navigieren Sie zu Extensions > My extensions > Themes. Klicken Sie auf die Schaltfläche „Installieren“ bei dem dort aufgeführten Thema.
Schritt 2: Als nächstes klicken Sie auf den Aktivierungsschalter, um activate die Elegant theme
Schritt 3: Das Shopware-Thema ist standardmäßig ausgewählt, um darauf zuzugreifen Navigieren Sie zu Elegant > Themeund klicken Sie dann auf das Standardthema
Schritt 4: Nachdem Sie auf das Standardthema geklickt haben, können Sie auswählen die Elegant theme und klicken Sie dann auf die Schaltfläche Speichern
Schritt 5: Sobald das ElegantTheme aktiviert ist, muss der Shop-Cache leer sein. Navigieren Sie zu Einstellungen> System> Caches
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: Um das Thema zu deaktivieren, navigieren Sie zu Extensions > My extensions und klicken auf das disable um das Elegant-Theme zu deaktivieren, wie unten gezeigt
Schritt 2: Um das Elegant-Theme zu deinstallieren, navigieren Sie zu My Extension und klicken Uninstall wie unten dargestellt
Allgemeine Themeneinstellungen
1- Nach erfolgreicher Installation des Elegant-Themas navigieren Sie zu Elegant> Theme >Theme bearbeiten
2- Gehen Sie auf die Registerkarte Allgemein: Wählen Sie hier die allgemeine Themenkonfiguration aus
3- Themenfarben: Passen Sie die Primär- und Sekundärfarben, Rahmen-, Hintergrund-, Link- und Hover-URL-Farben nach Ihren Wünschen für Ihr Thema an
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
5- Status Notification/Messages Color: Customize Success, Notice, information, and Error message color
6- General typography: Schriftart, Textfarbe, Schriftartüberschrift und -farbe, Basistextgröße
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Kopfzeile Konfiguration
1- Gehen Sie zum Tab "Header" und wählen Sie die Header-Konfiguration aus
2- Logo-Konfiguration: Sie können Logos in verschiedenen Auflösungen für Desktop, Tablet und Mobilgeräte hochladen
3- Full width header: Sie können Ihren bevorzugten Container und die maximale Breite der Kopfzeile wählen
4- Header Style & Sticky: Es gibt verschiedene Stile in der Kopfzeile wie Kopfzeile Hintergrundfarbe und Kopfzeile Box-Schatten enthalten. Sie können auch wählen, ob Sie die klebrige Kopfzeile aktivieren oder deaktivieren und die Farbe des klebrigen Hintergrunds ändern.
5- Header Icons: Icon-Farbe, die Farbe des Icons beim Mausschweben
6- Top Bar: Hintergrundfarbe, Rahmenfarbe, Textfarbe der oberen Leiste und Farbe des Schwebezustands der oberen Leiste
7- Suche:: Enthält die Hintergrundfarbe des Suchfelds, die Hintergrundfarbe des Suchfelds, die Randfarbe des Suchfelds, die Schriftgröße und die Textfarbe
8- Navigation: Sie können die Hintergrundfarbe der aktiven Elemente im Hauptmenü, die Textfarbe des Hauptmenüs, die Hover-Textfarbe des Hauptmenüs, die Schriftgröße des Hauptmenüs, die Schriftart und die Zeilenhöhe zwischen den beiden Menüs ändern.
9- Flyout Menu: Sie können den Hintergrund des Hauptmenü-Dropdowns sowie die Farbe des Menüs, die Schriftgröße des Haupt-Dropdowns und die Schriftgröße der Hauptkategorie ändern
Inhalts
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
2- Basic layout settings: You can change the text color, background color, and border radius of the filters in the listing layout. Similarly, you can adjust the background color, border radius, and hover colors for both the breadcrumb and pagination elements.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Produktliste Konfiguration
1- Gehe zum Produktlisten-Reiter und wähle die Produktlisten-Konfiguration aus.
2- Produkt-Warenkorb-Sektion: In diesem Abschnitt haben Sie die Möglichkeit, die Hintergrundfarbe, den Bildhintergrund, den Hintergrund des Produktrahmens, die Farbe der Schaltfläche, die Farbe beim Überfahren mit der Maus und die Farbe des Schaltflächensymbols anzupassen.
3- Sortierung Sie können die Hintergrund- und Textfarbe auswählen
4- Wechseln Sie die Listenansicht: Gehen Sie zu Kategorien nach den Katalogen. Besuchen Sie Layouts, um die Auflistungsansicht zu ändern
5- Wechseln Sie die Listenansicht: Wählen Sie die Listenansicht auf der Registerkarte Inhalt
6- Auflistungslayout-Einstellungen: Sie können das Auflistungslayout auswählen und die Spalten pro Zeile basierend auf den Geräten und den Einstellungen für die Seitenleiste anpassen.
7- Auflistungslayout-Einstellungen: Sie können das Auflistungslayout auswählen und die Spalten pro Zeile basierend auf den Geräten und den Einstellungen für die Seitenleiste anpassen.
8- Auflistungslayout-Einstellungen: Sie können das Auflistungslayout auswählen und die Spalten pro Zeile basierend auf den Geräten und den Einstellungen für die Seitenleiste anpassen.
Produktdetail Konfiguration
1- Öffnen Sie die Registerkarte mit den Produktdetails: Wählen Sie hier die Produktdetailkonfiguration aus
2- Produktbereich: Sie können die Produktbox konfigurieren, indem Sie die Hintergrundfarbe, die Rahmenfarbe, den Rahmenradius und die Farbeinstellungen für die Schaltfläche „Kaufen“ anpassen.
3- Produkt-Layout: Sie können die Hintergrundfarbe, die Bilder und die grundlegenden Layouteinstellungen des Produktlayouts anpassen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
7- Mehrere Registerkarten: Wählen Sie die Registerkarten für die Spezifikationen, indem Sie auf das jeweilige Produkt gehen
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
9- Eigene Registerkarte: Sie können den Titel und die Beschreibung hier hinzufügen
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Konfiguration der Fußzeile
1- Öffnen Sie die Registerkarte Fußzeile: Wählen Sie hier die Fußzeilenkonfiguration aus
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
3- Fußzeilen-Navigation: Sie können die Hintergrundfarbe der Fußzeile, die Farbe des Links, die Farbe des Mauszeigers, die Farbe des Rahmens und die Textgröße des Links ändern.
4- Fußzeile Copyright: Sie können Schriftgröße, Zeilenhöhe und Farbe ändern.
5- Shipping and payment method: Sie können die Logos für die Versand- und Zahlungsmethode je nach Bedarf aktivieren oder deaktivieren.
Wie man die Einkaufswelt gestaltet
1- Gehen Sie im Administrations-Dashboard auf Einkaufserlebnis und klicken Sie auf die Schaltfläche Neues Layout erstellen.
2- Wählen Sie Landing page oder einen anderen Layouttyp Ihrer Wahl.
3- Wählen Sie den gewünschten Abschnittstyp aus.
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 Registerkarte Layout und klicken Sie auf die Schaltfläche Layout ändern.
7- Wählen Sie das kürzlich erstellte Layout aus und klicken Sie auf die Speichern-Schaltfläche. Sie können auch nach dem Layout-Namen suchen, falls er anfangs nicht sichtbar ist..
8- Nachdem Sie das Layout zugewiesen haben, können Sie die Kategorieeinstellungen speichern.
Deal-Sektion Konfiguration
1- Einkaufserlebnis: Navigieren Sie zur Block-Kategorie und wählen Sie das Dropdown-Menü für den Handel (Commerce).
2- Ziehen Sie nun die "Deal Banner"-Widgets an die gewünschte Position auf der linken Seite des CMS-Bereichs
3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration können Sie die Hintergrundfarbe, Label-Farbe, den Deal-Titel und die Produkte für die Deal-Sektion auswählen.
5- Sie können die Countdown-Zähler-Farbe, Beschreibung, Start- und Enddaten für die Deal-Sektion ändern.
6- Danach können Sie den Schaltflächen-Titel und die Farbe anpassen. Wenn der Countdown abgelaufen ist, können Sie ein Banner von der Backend hochladen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Bewertungen-Slider-Konfiguration
1- Einkaufserlebnis: Navigieren Sie zur Block-Kategorie und wählen Sie das Dropdown-Menü für die Option "Text und Bild".
2- Ziehen Sie nun die "Bewertungen"-Widgets an die gewünschte Position auf der linken Seite des CMS-Bereichs.
3- Nachdem Sie das Widget platziert haben, klicken Sie auf das Einstellungs-Symbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration können Sie die SVG-Farbe, Bewertungstext und Autorentextfarbe ändern.
5- Danach können Sie die Hauptüberschrift, Kategorie, Bild und Bewertungsbeschreibung ändern. Sie können den Autorennamen, Autorenbild, Bewertung und Beschreibung festlegen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Produkt-Slider-Sammlungskonfiguration
1- Einkaufserlebnis: Navigieren Sie zur Block-Kategorie und wählen Sie das Dropdown-Menü für die Option "Text und Bild".
2- Ziehen Sie nun die Produkt-Widgets an die gewünschte Position auf der linken Seite des CMS-Bereichs.
3- Nachdem Sie das Widget platziert haben, klicken Sie auf das Einstellungs-Symbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration können Sie zum Tab "Allgemein" gehen, um das gewünschte Layout einzustellen und eine Hintergrundfarbe auszuwählen.
5- Danach können Sie zum Tab "Banner" gehen, wo Sie das Bannerbild, die Textfarbe, den Titel, die Schaltflächenfarbe und den Schaltflächentext ändern können.
6- Sie können die Textfarbe, die Überschrift und das gewünschte Produkt auswählen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Instagram-Element
1- Einkaufserlebnis: Navigieren Sie zur Block-Kategorie und wählen Sie das Dropdown-Menü für die Option "Text und Bild".
2- Ziehen Sie nun die "Instagram-Element"-Widgets an die gewünschte Position auf der linken Seite des CMS-Bereichs.
3- Nachdem Sie das Widget platziert haben, klicken Sie auf das Einstellungs-Symbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration können Sie den Titel, Untertitel, Benutzernamen und den Zugriffstoken-ID hinzufügen.
5- Danach können Sie die Hauptüberschrift, den Benutzernamen und die Untertitelfarbe hinzufügen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
SEO-Slider-Element-Konfiguration
1- Einkaufserlebnis:Navigieren Sie zur Blockkategorie und wählen Sie ein Bild aus dem Dropdown-Menü aus.
2- Ziehen Sie nun die Slider-Element-Widgets 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 Konfigurationen des Elements zu öffnen.
4- In den Elementkonfigurationen können Sie das linke und rechte Bild und Text, die Hintergrundfarbe des Zentrums und die Schriftfarbe hinzufügen.
5- Danach können Sie die Beschreibung, den Buttontext, den Link, die Hintergrundfarbe des Buttons, die Schriftfarbe und die Hover-Farbe des Buttons hinzufügen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Hersteller Slider Element
1- Einkaufserlebnis:Navigieren Sie zur Block-Kategorie und wählen Sie das Dropdown-Menü für die Option "Text und Bild".
2- Ziehen Sie nun die "Hersteller-Banner"-Widgets an die gewünschte Position auf der linken Seite des CMS-Bereichs.
3- Nachdem Sie das Widget platziert haben, klicken Sie auf das Einstellungs-Symbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration können Sie den Titel und die Beschreibung, die Überschrift für Partner und die Beschreibungsfarbe hinzufügen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Blog-Konfiguration
1- Einkaufserlebnis:Navigieren Sie zur Block-Kategorie und wählen Sie das Dropdown-Menü für die Option "Text und Bild".
2- Ziehen Sie nun die "Blog"-Widgets an die gewünschte Position auf der linken Seite des CMS-Bereichs.
3- Nachdem Sie das Widget platziert haben, klicken Sie auf das Einstellungs-Symbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration können Sie den Titel, Blog-Farbe, Schaltflächentext und Hintergrundfarbe hinzufügen.
5- Danach können Sie die Hauptüberschrift, Kategorie, Bild und Blog-Beschreibung ändern. Sie können auch das Datum, den Link und den Schaltflächenlink festlegen.
Nachdem Sie die CMS-Seitenkonfigurationen gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Extensions Konfiguration
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
3- die Scroll-Up-Schaltfläche: Sie können die Hintergrundfarbe der Scroll-Up-Schaltfläche, die Farbe des Mauszeigers, die Farbe des Schaltflächensymbols, die Farbe des Schattens und die Farbe des Schwebesymbols ändern.
Konfiguration der Seitenleiste
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
3- Sidebar layout Sie können die Hintergrundfarbe der Seitenleiste, die Farbe des Links, die Farbe des Mauszeigers, die Farbe des Rahmens und die Textgröße des Links ändern.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Slider Configuration
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Widgets Configuration
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
3- Newsletter Sie können die beiden Newsletter-Typen einzeilig und zweizeilig auswählen, die Farbe der Beschriftung und die Hintergrundfarbe der Schaltflächen ändern sowie das Kästchen „aktiv“ und „inaktiv“ markieren.
4- Social icon Fügen Sie die Links zu den sozialen Medien hinzu und markieren Sie das Feld „aktiv“ und „inaktiv“.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
