Integroi omat kuvaelementit (widgetit) (esimerkki kaupan tietowidgetistä)

Eilen kohtasin widgetin luomisen ongelman Kaupan tiedot asentaa Verkkokauppojen luokitusportaali, jota käytämme verkkokaupan kautta Kauppiasliitto voidakseen käyttää.

Valitettavasti tähän ei ole saatavilla laajennusta Shopware Storen kautta. Joten koodit oli asetettava manuaalisesti.

Tätä varten määritin ensin kauppatietowidgetin sivuston taustajärjestelmään.

Sen jälkeen koodi on saatavilla hieman syvemmällä.

Seuraavassa vaiheessa lisäsin tämän koodin alatunnisteeseen. Käynnistä ftp-ohjelma (esim. Filezilla) ja etsi:

/Teemat/Etu/YourThemeName/frontend/index

Tässä vaiheessa oletan, että käytät jo omaa teemaasi, muuten muutokset eivät olisi päivitysturvallisia. Muussa tapauksessa Shopware tarjoaa nämä asiakirjat:

Tee muutokset malliin

Luon aina varmuuskopion nykyisestä tiedostosta ennen muutosten tekemistä ja lisään nykyisen päivämäärän nimeen.

Syötä yllä oleva koodi tekstieditorilla (esim. Notepad++).

Nyt widget näkyy Shopware-verkkokaupan alaosassa. Se ei tietenkään näytä kovin hyvältä. Siksi kaupan tiedoissa on pieni koodinpätkä, joka asettaa tämän widgetin tiukasti oikeaan alakulmaan:

@media only -näyttö ja (min-width: 768px) { div#shopauskunft_widget { display: block; asento: kiinteä; oikea: 10px; pohja: 10px; }}

Mutta mitä sille tehdä?

Ylimääräinen css-tiedosto voidaan määrittää Showaren taustaohjelmassa. Lataa ensin uusi css-tiedosto yllä olevalla koodilla ftp:n kautta.

Nyt sinun tarvitsee vain kertoa Shopware 5:lle, että tätä tiedostoa tulee käyttää. Voit tehdä tämän siirtymällä taustajärjestelmään Asetukset/ Teemanhallinta...

... valitse teema ja napsauta Määritä teema.

Asetukset-välilehdellä...

… kirjoita css-tiedostosi kohtaan "Muut CSS-tiedostot":

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

Tyhjennä nyt kaupan välimuisti ja kokoa teema.

Et voila… widgettisi näyttää hyvältä! 🙂

Kauppatietojen RBA-widget tarvitaan edelleen arviointisähköpostien lähettämiseen. Näytän sinulle, kuinka se asetetaan tässä viestissä:

Asenna RBA-widget Shopware 5:n kaupan tiedoista