Integrera dina egna bildelement (widgets) (exempel på butiksinformationswidgeten)

Igår stod jag inför problemet med att skapa en widget från Butiksinformation att installera En betygsportal för onlinebutiker, som vi använder via Köpmansförening att kunna använda.

Tyvärr finns det inget plugin för detta via Shopware Store. Så koderna fick placeras manuellt.

För att göra detta konfigurerade jag först butiksinformationswidgeten i baksidan av webbplatsen.

Därefter är koden tillgänglig lite djupare.

I nästa steg infogade jag den här koden i sidfoten. Starta ditt ftp-program (t.ex. Filezilla) och leta efter:

/Teman/Frontend/YourThemeName/frontend/index

Vid det här laget antar jag att du redan använder ditt eget tema, annars skulle dina ändringar inte vara uppdateringssäkra. Annars tillhandahåller Shopware denna dokumentation:

Gör ändringar i mallen

Jag skapar alltid en säkerhetskopia av den aktuella filen innan jag gör ändringar och lägger till det aktuella datumet i namnet.

Infoga ovanstående kod med en textredigerare (t.ex. Notepad++).

Nu visas widgeten i den nedre delen av din Shopware onlinebutik. Visst ser det inte så bra ut. Därför tillhandahåller butiksinformation ett litet kodavsnitt som stadigt placerar denna widget längst ned till höger:

@media only-skärm och (min-bredd: 768px) { div#shopauskunft_widget { display: block; position: fast; höger: 10px; botten: 10px; }}

Men vad ska man göra med det?

En ytterligare css-fil kan anges i Showare-backend. Ladda först upp en ny css-fil med ovanstående kod via ftp.

Nu behöver du bara tala om för Shopware 5 att den här filen ska användas. För att göra detta går du till backend Inställningar/ Temahanterare.

... välj ditt tema och klicka på Konfigurera tema.

Under fliken Konfiguration...

… ange din css-fil under "Andra CSS-filer":

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

Töm nu butikscachen och kompilera temat.

Et voila... din widget ser bra ut! 🙂

RBA-widgeten från butiksinformation krävs fortfarande för att skicka utvärderingsmailen. Jag visar dig hur du ställer in det i det här inlägget:

Installera RBA-widget från butiksinformation i Shopware 5