Tekster/Knapper generelt

Redigering af tekst:

Tekst redigeres ved at rette og trykke manuel13

Tekster/knapper – eksempelvis på forsiden

image780

Redigering af Tekst eller kodefelter:

image781

image782

Billeder

I de fleste felter kan tastes HTML kode. Det gør det muligt at lave links, eller indsætte billeder et vilkårligt sted.
Her vises et eksempel på indsættelse af et billede i en fast defineret tekst i shoppen. Vi bruger overskrift-feltet på kundecentersiden. Som udgangspunkt ser siden sådan ud:

image692

For at indsætte et billede foran teksten Kundecenter, som er overskriften, finder vi teksten under Design –> tekster/knapper –> Kundecenter –> Kundecenter Overskrift:

image693

Vi HTML koden der indsætter et billede foran teksten. Billedet der indsættes i eksemplet, hedder klokke.jpg, og er uploadet til mediearkivet i mappen images. Eksemplet rettes til så det passer med navn og sti på det billede som du selv ønsker at tilføje. Koden ser i vores eksempel sådan ud:

<img src=”/images/klokke.jpg”>

Indsat i feltet for kundecenter overskrift ser det sådan ud:

image694

Og det giver følgende resultat i shoppen:

image696

Tilbudsgrafik / overlay

Varer på tilbud, kan have et stykke grafik lagt hen over varebilledet. Dette viser tydeligt slutkunden, at her er tale om et tilbud. Der kan angives billeder til følgende 3 elementer:

Varekort – produktbillede Defineres under Design –> Tekster/knapper –> Varekort –> Tilbuds produktbillede overlay
Varekort – relaterede produktbilleder Defineres under Design –> Tekster/knapper –> Varekort –> Tilbuds produktbillede overlay (Relaterede)

Det er også billedet angivet her, der bruges på “Relaterede” og “Kunderkøbte også” på Vis kurv funktionen.Vareliste – produktbilledeDefineres under Design –> Tekster/knapper –> Vareliste –> Tilbuds produktbillede overlay

Produktbilleder på forsiden benytter en af de 3 ovenstående, alt efter hvad man har valgt under Opsætning –> Billeder –> Forside varebilleder vises som på

Et eksempel på brugen af grafikken kan ses her:

tilbud001

Avanceret styling af overlaybillederne, kan ske via de tilknyttede classes der er angivet i hjælpens appendix