Nachdem du das Shopauskunft-Widget generiert hast, wird es folgendermaßen eingebaut:
-
Wechsele ins Backend Ihres Magento 2 Shops.
-
Klicke auf der linken Seitenleiste auf Content.
-
Wähle unter dem Punkt “Design” den Menüpunkt “Configuration” aus.
-
Nun erscheint eine Liste mit verfügbaren Themes.
-
Klicke bei deinen verwendeten Theme auf “edit”.
-
Scrolle nach unten und klappe das Menü “Footer“ auf.
-
Füge den nachfolgenden Code in das Feld “Miscellaneous HTML” ein und setze den generierten Code des Shopauskunft-Widgets an die gekennzeichnete Stelle:
<style>
@media only screen and (min-width: 768px) {
div#shopauskunft_widget {
display: block;
position: fixed;
right: 10px;
bottom: 10px;
}
}
</style>
<!-- FÜGEN SIE HIER DEN GENERIERTEN CODE EIN -->
Hinweis: Sollte bereits Code in diesem Feld vorhanden sein, dann füge den neuen Code darunter ein.
-
Anschließend muss der Cache geleert werden, um das Resultat zu sehen.
-
Dazu wechsele ins Backend und klicke auf System → Cache Management → Flush Magento Cache
-
-
Nun sollte das Shopauskunft-Widget in deinem Shop erscheinen.
Gestaltung mit CSS
-
Du kannst die Position des SA-Widgets nach deinen Bedürfnissen anpassen.
-
Dies kannst du durch die Anpassungen des CSS Codes (Zwischen den beiden Tags <style></style> des zuvor eingefügten Codeblocks) erreichen.
-
Die bereitgestellten CSS-Anweisungen dienen hier als Vorlage und können nach belieben verändert werden.
-
Vergesse anschließend nicht den Cache zu leeren.
Hast du noch weitere Fragen? Wir stehen bereit zu helfen.