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 seit 2015 einer der führenden und vertrauenswürdigen Offshore- und Outsourcing-Anbieter von Softwarelösungen für Webdesign und Anwendungsentwicklung in Deutschland. Für weitere Informationen, besuchen Sie bitte unsere Website https://www.brandcrock.com/de/
Thema & Kontaktdetails verwalten
Dieses Dokument bezieht sich auf das BrandCrock Theme for Aqua und enthält wichtige Informationen über die Installation und Verwendung des Themes. Die Leistungs- und Funktionsspezifikationen/Anforderungen für die im Theme enthaltenen Funktionen sind ebenfalls in diesem Dokument enthalten. Sollten Sie bei der Installation oder beim Testen unseres Plugins auf Probleme stoßen, wenden Sie sich bitte an unser Support-Team. Bitte ändern oder modifizieren Sie das Theme nicht, wenn Sie keine Erfahrung oder kein Verständnis dafür haben.
Theme Installation
Das Aqua-Theme kann Ihnen helfen, Ihre Inhalte und Daten für Ihre Website-Besucher zu visualisieren. Es enthält angepasste Vorlagen, Bilder und Stile. Lesen und befolgen Sie unbedingt die Anweisungen zur erfolgreichen Installation des Themes.
Schritt 1: Loggen Sie sich in das Backend des Shops ein, nachdem Sie das AquaTheme aus dem Shop heruntergeladen haben, und 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 Aqua theme
Schritt 3: Das Shopware-Thema ist standardmäßig ausgewählt, um darauf zuzugreifen Navigieren Sie zu Aqua > Themeund klicken Sie dann auf das Standardthema
Schritt 4: Nachdem Sie auf das Standardthema geklickt haben, können Sie auswählen die Aqua theme und klicken Sie dann auf die Schaltfläche Speichern
Schritt 5: Sobald das AquaTheme 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 Aqua-Thema zu deaktivieren, wie unten gezeigt
Schritt 2: Um das Aqua-Theme zu deinstallieren, navigieren Sie zu My Extension und klicken Uninstall wie unten dargestellt
Allgemeine Themeneinstellungen
1- Nach erfolgreicher Installation des Aqua-Themas, navigieren Sie zu Aqua > Theme > Theme bearbeiten
2- Öffnen Sie die Registerkarte Allgemein: Wählen Sie hier die allgemeine Themenkonfiguration aus
3- Themenfarben: Für Themen einschließlich Primär- und Sekundärfarbe, Rahmen, Hintergrundfarbe, Linkfarbe und Hover-Linkfarbe
4- Farbe der Statusbenachrichtigung/Nachrichten: Erfolg, Hinweis, Informationsmeldung und Fehlerfarbe
5- Allgemeine Typografie: Schriftart, Textfarbe, Schriftartüberschrift und -farbe, Basistextgröße
6- Preis und Tasten: Textfarbe des Preises, Farbe der Schaltfläche „Kaufen“ und Text der Schaltfläche „Kaufen
Kopfzeile Konfiguration
1- Öffnen Sie die Registerkarte Kopfzeile: Wählen Sie hier die Kopfzeilenkonfiguration aus
2- Logo-Konfiguration: Sie können das Logo in verschiedenen Auflösungen hochladen, z. B. Desktop, Tablet und Handy.
3- Header-Typ: Sie können verschiedene Stile für die feste Kopfzeile, das transparente Kopfzeilenformat und das Logo in der mittleren Kopfzeile auswählen.
4- Kopfzeile in voller Breite: Sie können Ihren bevorzugten Container und die maximale Breite der Kopfzeile wählen
5- Kopfzeilenstil: Es gibt verschiedene Stile in der Kopfzeile wie Kopfzeilen-Hintergrundfarbe und Kopfzeilen-Box-Schatten
6- Kopfzeilen-Symbole: Icon-Farbe, die Farbe des Icons beim Mausschweben
7- Klebrige Kopfzeile: Sie können die klebrige Kopfzeile aktivieren oder deaktivieren und die Farbe des klebrigen Hintergrunds ändern
8- Obere Leiste: Hintergrundfarbe, Rahmenfarbe, Textfarbe der oberen Leiste und Farbe des Schwebezustands der oberen Leiste
9- Suche: Enthält die Hintergrundfarbe des Suchfelds, die Hintergrundfarbe des Suchfelds, die Randfarbe des Suchfelds, die Schriftgröße und die Textfarbe
Konfiguration der Navigation
1- Öffnen Sie die Registerkarte Navigation: Wählen Sie hier die Navigationskonfiguration aus
2- 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.
3- 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
Konfiguration des Einkaufserlebnisses
1- Grundlegende Layout-Einstellungen Sie können Änderungen an den Elementen des Einkaufserlebnisses vornehmen, z. B. an den Radien der Ränder, den Farben und der Deckkraft der Bannerüberlagerung.
Konfiguration des Inhalts
1- Grundlegende Layout-Einstellungen Sie können die Textfarbe, die Hintergrundfarbe und den Rahmenradius der Filter im Auflistungslayout ändern. In ähnlicher Weise können Sie die Hintergrundfarbe, den Rahmenradius und die Hover-Farben für die Breadcrumb- und Pagination-Elemente anpassen.
Produktliste Konfiguration
1- Öffnen Sie die Registerkarte Produktliste: Wählen Sie hier die Konfiguration der Produktliste aus
2-Listen-Banner Sie können das Overlay auf dem Listingbanner aktivieren oder deaktivieren.
3- Warenkorb Sie können die Hintergrundfarbe des Warenkorbs, die Hintergrundfarbe des Bildes, die Farbe des Produktrahmens, die Farbe der Schaltfläche, die Farbe des Mauszeigers und die Farbe des Schaltflächensymbols ändern
4- Wechseln Sie die Listenansicht Gehen Sie zu Kategorien nach den Katalogen. Besuchen Sie Layouts, um die Auflistungsansicht zu ändern
5- Wechseln Sie die Listing-Ansicht Wählen Sie die Listenansicht auf der Registerkarte Inhalt
6- Sortierung Sie können die Hintergrund- und Textfarbe auswählen
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.
Produktdetail Konfiguration
Öffnen Sie die Registerkarte Produktdetail 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- Grundlegende Produktkonfiguration Sie können grundlegende Einstellungen in der Produktbox konfigurieren, so dass Sie Elemente wie die Kurzbeschreibung, Kategorie-Tags, Inventar, SKU und Herstelleroptionen aktivieren oder deaktivieren können.
4- Produkt-Layout Sie können die Hintergrundfarbe, die Bilder und die grundlegenden Layouteinstellungen des Produktlayouts anpassen.
5- Mehrere Registerkarten Wählen Sie die Registerkarten für die Spezifikationen, indem Sie auf das jeweilige Produkt gehen
6- PDF-Registerkarten Es gibt 3 Optionen zum Hochladen von PDF-Dateien, wenn Sie die Registerkarte PDF wählen
7- Eigene Registerkarte Sie können den Titel und die Beschreibung hier hinzufügen
Widgets Configuration
1- Soziales Symbol Fügen Sie die Links zu den sozialen Medien hinzu und markieren Sie das Feld „aktiv“ und „inaktiv“.
2- 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.
3- Layout Sie können die Hintergrundfarbe der Widgets, Bilder und grundlegende Layout-Einstellungen ändern
4- Shipping and payment method Sie können die Logos für die Versand- und Zahlungsmethode je nach Bedarf aktivieren oder deaktivieren.
Konfiguration der Seitenleiste
1- Navigation in der Seitenleiste Sie können die Navigation entsprechend Ihrem gewünschten Thema ändern
2- 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.
3- Sidebar filters Sie können die Elementfarbe, die Rahmenfarbe, die aktive Farbe des Filterfelds, die Schriftgröße und die Hintergrundfarbe des Filterfelds ändern
Extensions Konfiguration
1. 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 Fußzeile
1- Öffnen Sie die Registerkarte Fußzeile: Wählen Sie hier die Fußzeilenkonfiguration aus
2- Footer 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.
3- Fußzeile Copyright: Sie können Schriftgröße, Zeilenhöhe und Farbe ändern.
Wie man die Einkaufswelt gestaltet
Mit Einkaufswelten können Sie ganz einfach beeindruckende Landing Pages erstellen.
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.
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 zuordnen 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 Schaltfläche Speichern. Sie können auch nach dem Namen des Layouts suchen, wenn er zunächst nicht sichtbar ist.
8- Nachdem Sie das Layout zugewiesen haben, können Sie die Kategorieeinstellungen speichern.
Somit werden die vorgenommenen Änderungen im Schaufenster sichtbar.
Animierter SEO-Schieberegler
1- Einkaufserlebnis: Gehen Sie zu der Blockkategorie und wählen Sie das Dropdown des Textes und des Bildes
2- Ziehen Sie nun die SEO-Slider-Widgets und legen Sie sie auf der linken Seite im gewünschten CMS-Bereich ab.
3- Nachdem Sie das Widget abgelegt haben, klicken Sie auf das Einstellungssymbol, um die Elementkonfigurationen zu öffnen.
4- In Elementkonfigurationen: Hier können Sie das Hintergrundbild, den Haupttitel, den Untertitel, die Textschaltfläche, das Textbild und die URL hinzufügen.
5- Danach: Sie können das Dropdown-Menü für das Textlayout, die Titelfarbe, die Untertitelfarbe, die Hintergrundfarbe und die Textfarbe auswählen.
Merkmal SEO 4-Spalten-Raster-Layout
1- Einkaufserlebnis: Gehen Sie zu der Blockkategorie und wählen Sie das Dropdown des Textes und des Bildes
2- Ziehen Sie nun das Widget auf die linke Seite in den gewünschten CMS-Abschnitt und legen Sie es dort ab.
3- Nach dem Ablegen des Widgets: Klicken Sie auf das Einstellungssymbol, um die Elementkonfigurationen zu öffnen.
4- In den Elementkonfigurationen: Sie können den Titel und die Beschreibung des Widgets in den allgemeinen Einstellungen bearbeiten.
5- Danach: kannst du den Titel hinzufügen, du kannst das erste Raster bearbeiten und das Hintergrundbild, den Titel und die Beschreibung ändern
6- Sie können den Text Button hinzufügen: URL, Titel und Untertitel Farbe, Text und Hintergrundfarbe Button
7- Sie können das gleiche Verfahren für andere Registerkarten anwenden
Konfigurieren Sie jede Registerkarte für mehrere Folien auf ähnliche Weise.
Nach dem Speichern der Konfigurationen der CMS-Seite wird dieser Block im Schaufenster im jeweiligen Layout sichtbar.
Einzigartiges Verkaufsargument Bar
1- Einkaufserlebnis: Gehen Sie zur Blockkategorie und wählen Sie das Dropdown-Menü für Text und Bild
2- Ziehen Sie nun das USP-Widget auf die linke Seite in den gewünschten CMS-Bereich.
3- Nach dem Ablegen des Widgets: Klicken Sie auf das Einstellungssymbol, um die Elementkonfigurationen für jedes Feld zu öffnen.
4- In der Elementkonfiguration: können Sie das Hintergrund-, Titel- und Untertitel-Bild hinzufügen
5- Danach: können Sie auch die Farbe des Titels, die Farbe des Untertitels und die Farbe des Rahmens ändern
Nachdem Sie die Konfigurationen der CMS-Seite gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Element Anfrageformular
1- Einkaufserlebnis: Gehen Sie zu der Blockkategorie und wählen Sie das Dropdown des Formulars
2- Ziehen Sie nun das Formular-Widget auf die linke Seite in den gewünschten CMS-Bereich und legen Sie es dort ab.
3- Nach dem Ablegen des Widgets: Klicken Sie auf das Einstellungssymbol, um die Elementkonfigurationen zu öffnen
4- In der Elementkonfiguration: können Sie das Bild, den Titel und den Formulartitel hinzufügen
5- Danach: können Sie die Platzierung des Formulars, die Farbe des Titels, die Farbe des Formulars, die Farbe des Etiketts und die Farbe der Schaltfläche ändern.
Nachdem Sie die Konfigurationen der CMS-Seite gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Instagram-Element
1- Einkaufserlebnis: Gehen Sie zur Blockkategorie und wählen Sie das Dropdown-Menü für Text und Bild
2- Ziehen Sie nun das Instagram-Widget auf die linke Seite in den gewünschten CMS-Bereich.
3- Nach dem Ablegen des Widgets: Klicken Sie auf das Einstellungssymbol, um die Elementkonfiguration zu öffnen
4- In der Elementkonfiguration: können Sie den Titel, den Untertitel, den Benutzernamen und das Zugriffstoken hinzufügen
5- Danach: Sie können auch die Farbe der Überschrift, des Benutzernamens und des Untertitels ändern
Nachdem Sie die Konfigurationen der CMS-Seite gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
Hersteller Slider Element
1- Einkaufserlebnis: Gehen Sie zur Blockkategorie und wählen Sie das Dropdown-Menü für Text und Bild
2- Ziehen Sie nun das Schieberegler-Widget und legen Sie es auf der linken Seite im gewünschten CMS-Bereich ab.
3- Nach dem Ablegen des Widgets: Klicken Sie auf das Einstellungssymbol, um die Elementkonfigurationen zu öffnen.
4- In der Elementkonfiguration: können Sie den Titel und die Beschreibung hinzufügen, die Farbe der Partnerüberschrift und der Beschreibung auswählen
Nachdem Sie die Konfigurationen der CMS-Seite gespeichert haben, wird dieser Block im Frontend in der entsprechenden Layout-Ansicht sichtbar sein.
