FEEDBACK
X
FEEDBACK

Er du tilfreds med indholdet i denne her guide?

Hvis ikke, så vil vi meget gerne høre dine kommentarer.

Skriv dem herunder, så gør vi det bedste, vi kan for at forbedre manualen.

Tak for din kommentar!

Send ny?

Dansk English

SmartWeb Help | Design Manager

3.2. Avanceret opsætning

Du er her: Kontrolpanel > Generelt > Design Manager > Redigér template

Med basisviden indenfor webprogrammering, giver Avanceret Opsætning mulighed for redigering og opsætning af et unikt design på webløsningen. Dette foregår enten ved redigering af tilhørende CSS fil eller ved hjælp af Smarty template styring. Sidstnævnte giver mulighed for brugerdefineret opbygning af webløsningen.

Nedenfor vises menupunktet Avanceret Opsætning.



BEMÆRK! Alle ændringer i filer indeholdende kode har direkte indflydelse på webløsningen. Lav derfor ikke ændringer, uden at være helt sikker på effekten.  

Nedenfor vises de redigerbare filer samt deres funktion på webløsningen.
 
Ikon Navn Funktion
     
frontend.png Frontend Bruges til at ændre selve strukturen på templaten. Dette gøres via Smarty, som er implementeret i SmartWeb. Læs mere om Smarty HER.
     
css.png CSS Bruges til ændring af CSS filen for websitet. CSS (Cascading Style Sheets) definerer udseendet på webløsningen. Fx farver, størrelser mm.
     
htmlhtml.png HTML Tilføj ekstra elementer i HTML koden på webløsningen.
     
htmlbody.png HTML i Body Tilføj ekstra elementer til HTML <body> tagget på webløsningen.
     
htmlhead.png HTML i Head Tilføje ekstra elementer til HTML <head> tagget på webløsningen.
     
produktvisning.png Produktvisning Lav ændringer i HTML opsætningen for Produktvisning. Ændringerne  gælder for alle visninger, der står listet under denne menu.
     
dynamiskebredder.png Rediger dynamiske bredder Rediger bredden for webløsningens kolonner og indhold.

Tryk på rediger.png for at redigere i den pågældende kode. rediger.png- ikonet står listet ud for hver redigerings mulighed. Ved tryk på rediger.png popper et nyt vindue op, hvori ændringerne foretages.

Nedenstående eksempel viser hvordan redigeringsvinduet for css.png ser ud.



BEMÆRK! Dette er basal CSS, hvilket kan læres gennem de mange vejledninger (tutorials), der findes online.

Efter alle ændringer/tilføjelser til en fil, skal der altid trykkes på Gem knappen, hvorefter ændringen/tilføjelsen vises på webløsningen.

Det er ligeledes muligt at uploade JavaScript filer. Disse vil have deres eget afsnit, hvori alle JavaSript filer vises.
 

Du har også mulighed for at tilpasse visningen af de forskellige modul templates. Dette kan du gøre ved at klikke på  ud for den specifikke template. Du kan  nu foretage de ønskede ændringer skabelonen, herefter skal du klikke Gem
Visningen af modultemplatet kan, herefter, ændres til egen visning, og ændringerne vil træde i kraft.

Vær opmærksom på, at egen visning for Produktliste - Rækker og Produktliste - kolonner kun er muligt hvis Produktliste også er sat til egen visning.



Læs mere:

3.2.1. Redigering af stylesheet og Javascript

3.2.2. Opsætning af dynamisk bredde