Integrer dine egne bildeelementer (widgets) (eksempel på butikkinformasjonswidgeten)

I går sto jeg overfor problemet med å lage en widget fra Butikkinformasjon å installere En vurderingsportal for nettbutikker, som vi bruker via Kjøpmannsforening å kunne bruke.

Dessverre finnes det ingen plugin for dette via Shopware Store. Så kodene måtte plasseres manuelt.

For å gjøre dette konfigurerte jeg først butikkinformasjonswidgeten i bakenden av nettstedet.

Etter det er koden tilgjengelig litt dypere.

I neste trinn la jeg inn denne koden i bunnteksten. Start ftp-programmet ditt (f.eks. Filezilla) og se etter:

/Temaer/Frontend/YourThemeName/frontend/indeks

På dette tidspunktet antar jeg at du allerede bruker ditt eget tema, ellers ville ikke endringene dine vært oppdateringssikre. Ellers gir Shopware denne dokumentasjonen:

Gjør endringer i malen

Jeg lager alltid en sikkerhetskopi av gjeldende fil før jeg gjør endringer og legger til gjeldende dato i navnet.

Sett inn koden ovenfor med et tekstredigeringsprogram (f.eks. Notepad++).

Nå vises widgeten i den nedre delen av Shopware-nettbutikken din. Det ser selvfølgelig ikke så bra ut. Derfor gir butikkinformasjon en liten kodebit som plasserer denne widgeten godt nederst til høyre:

@media only-skjerm og (min-bredde: 768px) { div#shopauskunft_widget { display: block; posisjon: fast; høyre: 10px; bunn: 10px; }}

Men hva skal man gjøre med det?

En ekstra css-fil kan spesifiseres i Showare-backend. Last først opp en ny css-fil med koden ovenfor via ftp.

Nå trenger du bare å fortelle Shopware 5 at denne filen skal brukes. For å gjøre dette, går du til backend Innstillinger/ Temabehandling...

... velg ditt tema og klikk på Konfigurer tema.

Under fanen Konfigurasjon...

... skriv inn css-filen din under "Andre CSS-filer":

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

Tøm nå butikkcachen og kompiler temaet.

Et voila... widgeten din ser flott ut! 🙂

RBA-widgeten fra butikkinformasjon er fortsatt nødvendig for å sende evaluerings-e-postene. Jeg skal vise deg hvordan du setter det opp i dette innlegget:

Installer RBA-widget fra butikkinformasjon i Shopware 5