Integrirajte svoje lastne slikovne elemente (pripomočke) (primer na pripomočku za informacije o trgovini)

Včeraj sem se soočil s problemom ustvarjanja pripomočka iz Informacije o trgovini za namestitev Ocenjevalni portal za spletne trgovine, ki ga uporabljamo preko Združenje trgovcev da bi lahko uporabljali.

Na žalost v trgovini Shopware Store ni vtičnika za to. Zato je bilo treba kode postaviti ročno.

Da bi to naredil, sem najprej konfiguriral pripomoček za informacije o trgovini v ozadju spletnega mesta.

Po tem je koda na voljo nekoliko globlje.

V naslednjem koraku sem to kodo vstavil v nogo. Zaženite program ftp (npr. Filezilla) in poiščite:

/Teme/Sprednja stran/VašeImeTeme/frontend/index

Na tej točki predvidevam, da že uporabljate svojo temo, sicer vaše spremembe ne bi bile varne za posodabljanje. V nasprotnem primeru Shopware zagotavlja to dokumentacijo:

Spremenite predlogo

Pred spremembami vedno ustvarim varnostno kopijo trenutne datoteke in imenu dodam trenutni datum.

Vstavite zgornjo kodo z urejevalnikom besedil (npr. Notepad++).

Zdaj je widget prikazan v spodnjem delu vaše spletne trgovine Shopware. Seveda ne izgleda tako dobro. Zato informacije o trgovini zagotavljajo majhen delček kode, ki trdno postavi ta pripomoček spodaj desno:

@media only screen and (min-width: 768px) { div#shopauskunft_widget { display: block; položaj: fiksno; desno: 10px; spodaj: 10px; }}

Toda kaj storiti z njim?

Dodatno datoteko css je mogoče določiti v ozadju programa Showware. Najprej naložite novo datoteko css z zgornjo kodo prek ftp.

Zdaj morate Shopware 5 povedati le, da naj se ta datoteka uporabi. Če želite to narediti, pojdite v zaledje Nastavitve/Upravitelj tem...

... izberite svojo temo in kliknite Konfiguriraj temo.

Pod zavihkom Konfiguracija ...

… vnesite svojo datoteko css pod “Druge datoteke CSS”:

<link href="/sl/themes/Frontend/VašeImeTeme/frontend/_public/src/css/shopauskunft.css?template=itintime_170425&is_preview=on" media="vse" rel="stylesheet" type="text/css" />

Zdaj izpraznite predpomnilnik trgovine in sestavite temo.

In voila ... vaš pripomoček izgleda odlično! 🙂

Pripomoček RBA iz informacij o trgovini je še vedno potreben za pošiljanje ocenjevalnih e-poštnih sporočil. V tej objavi vam bom pokazal, kako ga nastavite:

Namestite gradnik RBA iz informacij o trgovini v Shopware 5