Shopauskunft Widget: Einbauanleitung

Shopauskunft Widget Einbauanleitung: Magento 2

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.