Integrálja saját képelemeit (widgetjeit) (példa az üzlet információs widgeten)

Tegnap szembesültem a widget létrehozásának problémájával Bolti információk üzembe helyezni Az online boltok minősítő portálja, amelyet a Kereskedő Egyesület hogy tudja használni.

Sajnos ehhez nincs plugin a Shopware Store-on keresztül. Tehát a kódokat kézzel kellett elhelyezni.

Ehhez először konfiguráltam a bolt információs widgetet a webhely hátterében.

Ezt követően a kód egy kicsit mélyebben elérhető.

A következő lépésben ezt a kódot beszúrtam a láblécbe. Indítsa el az ftp programot (pl. Filezilla), és keresse meg:

/Témák/Frontend/YourThemeName/frontend/index

Ezen a ponton feltételezem, hogy már a saját témáját használja, különben a változtatások nem lennének frissítésbiztosak. Ellenkező esetben a Shopware ezt a dokumentációt biztosítja:

Változtassa meg a sablont

Mindig készítek biztonsági másolatot az aktuális fájlról a módosítások előtt, és hozzáadom az aktuális dátumot a névhez.

Szövegszerkesztővel (pl. Notepad++) illessze be a fenti kódot.

Most a widget megjelenik Shopware online boltjának alsó részén. Persze nem néz ki olyan jól. Ezért az üzlet információi tartalmaznak egy kis kódrészletet, amely határozottan elhelyezi ezt a widgetet a jobb alsó sarokban:

@media only screen and (min-width: 768px) { div#shopauskunft_widget { display: block; pozíció: rögzített; jobbra: 10px; alsó: 10px; }}

De mit kell vele csinálni?

További css-fájl is megadható a Showare háttérprogramjában. Először töltsön fel egy új css fájlt a fenti kóddal ftp-n keresztül.

Most már csak azt kell mondania a Shopware 5-nek, hogy ezt a fájlt kell használni. Ehhez lépjen a háttérbe Beállítások/ Témakezelő...

... válassza ki a témát, és kattintson a Téma konfigurálása gombra.

A Konfiguráció fül alatt...

… írja be a css fájlját az „Egyéb CSS-fájlok” alatt:

<link href="/hu/themes/Frontend/YourThemeName/frontend/_public/src/css/shopauskunft.css?template=itintime_170425&is_preview=on" media="all" rel="stylesheet" type="text/css" />

Most ürítse ki a bolt gyorsítótárát, és fordítsa le a témát.

Et íme… a widgeted jól néz ki! 🙂

Az értékelő e-mailek elküldéséhez továbbra is szükség van az üzlet információiból származó RBA widgetre. Ebben a bejegyzésben megmutatom, hogyan kell beállítani:

Telepítse az RBA widgetet a Shopware 5 bolt információiból