Sideskabeloner

En skabelon er ét design, som butikken fylder med mange forskellige ting: hvert produkt, hver kategori eller hver side, du skriver i admin. Du ændrer skabelonen én gang, og alle siderne følger med.

Hvor: Fanen Pages i designeren, gruppen Templates.

#Tre skabeloner

Klik på en skabelon for at åbne den på arbejdsfladen, som Home. Mærket TEMPLATE viser, at rækken er en skabelon. Sektionerne på en skabelon er de samme på alle de sider, den tegner.

Grupperne i fanen Pages er beskrevet under Sektioner og sider.

#Sektioner med lås

Nogle sektioner hører til skabelonen og kan ikke fjernes. De har en lås og mærket ALWAYS ON i stedet for ON/OFF.

Menuen ⋯ Actions og værktøjslinjen på arbejdsfladen viser kun det, der kan lade sig gøre. Mangler en låst sektion i en gemt skabelon, lægger butikken den tilbage. En låst sektion vises på alle skærme, så den har ingen Show on.

#Produktsiden

Pages › Product page har disse sektioner fra start, i denne rækkefølge:

En tom Heading viser platformens tekst på den besøgendes sprog, for eksempel "Detaljer". Properties, Details, Reviews, Linked categories og You may also like kan slås fra, flyttes og fjernes. En fjernet sektion ligger i biblioteket under This page og kan tilføjes igen. Uden Reviews er bedømmelsen under produktnavnet ikke et link.

Disse sektioner har også Width og Show on under Layout. You may also like og hver række i Linked categories har 4 kolonner på computer, 3 på tablet og 2 på mobil, indtil du vælger andre. Under navnet på en skabelons sektion står der i inspektøren, hvor den kan være: Only on product pages eller Only on text pages.

Egne sektioner fra biblioteket, for eksempel Billede + tekst eller FAQ, kan lægges hvor som helst under Product. Specifications ligger også under This page. Med den på siden står egenskabsrækkerne i en sektion for sig med sin egen Heading, og Details viser kun teksten.

#Teksten i Details

Details viser produktets beskrivelse. Første afsnit gentages ikke der, når det allerede står ved prisen: når det er Short description, eller når der ikke er nogen kort beskrivelse, og første afsnit kan stå helt ved prisen. Et første afsnit, der forkortes ved prisen, bliver stående i Details. Med egen HTML til købspanelet bliver hele beskrivelsen stående i Details.

#Billedet ved siden af Details

Image beside the text er None fra start. Med Last image vises produktets sidste billede ved siden af teksten. Billedet vises kun på computer, fra 1025 px. Det skifter ikke, når kunden vælger en anden variant.

#Properties og bjælker

Sektionen Properties bestemmer, hvor bjælkerne står. Hvilke egenskaber der bliver bjælker, og deres skala, indstilles pr. egenskab under Products › Attributes.

Show bars under Components › Product page slår bjælkerne til og fra. Når den er slået fra, er Bar-egenskaberne rækker som de andre. Slår du sektionen Properties fra eller fjerner den, bliver der heller ingen bjælker, og alle egenskaber er rækker i Details. Rækkerne står ét sted: i Specifications, når den er på siden, ellers i Properties som egen sektion, ellers i Details. Med bjælkerne slået til står de samme egenskaber ikke også som rækker. Med egen HTML til købspanelet tegner platformen ingen bjælker der, og så bliver rækkerne stående i tabellen. Properties som egen sektion tegnes af platformen, også med egen HTML. I købspanelet gælder Show on for Properties bjælkerne, og Properties har ingen Heading, Width eller Background: der tegner den ingen egen sektion.

#Tekstsider

Pages › Text pages har sektionen Page text med to indstillinger:

Egne sektioner kan lægges under teksten. Teksten skriver du under Admin › Pages, se Sider og juridiske tekster.

#Collection pages

Pages › Collection pages tegner kategorisiderne, All products og søgeresultaterne. Arbejdsfladen viser siden, som butikken gør: navnet og brødkrummestien, kategoriens beskrivelse, filtrene, rækken med antal produkter og sorteringen, produkterne og skabelonens sektioner. På telefon og tablet, op til 1024 px, er filtrene den smalle række, der åbner et panel. Skift arbejdsfladen til Tablet eller Mobile for at se den.

Filtrene og sorteringen virker på arbejdsfladen, så du kan sætte flueben, folde sammen og åbne panelet for at prøve dem. Det, du sætter flueben ved, gemmes ikke. Et klik på en sektion vælger den, som på andre sider.

Udseendet af filtrene og sorteringen indstilles under Components › Collection page. Hvilke filtre en kategori viser, indstilles på kategorien.

#Preview with

Listen Preview with over arbejdsfladen vælger, hvad skabelonen fyldes med, mens du arbejder.

• Product page: først de mest komplette produkter, med flest billeder, egenskaber og varianter. Så ét produkt fra hver kategori og til sidst alle produkter. Bjælker og rækker kommer fra produktet. You may also like viser andre produkter i butikken, ikke produktets egne. Linked categories viser en eksempelrække: butikkens første kategori over butikkens første produkter. En linje over den på lærredet siger, at det er et eksempel. Produkter, der kun sælges som tilvalg, står til sidst, i en egen gruppe Sold only as an add-on.
• Search products… ved siden af listen finder et produkt på navnet.
• Text pages: butikkens sider, den længste først.
• Collection pages: en kategori, All products eller Search results. Fra start vises kategorien med flest filtre, eller All products, når butikken ikke har kategorier. Listen viser antallet af filtre per kategori. En kategori vises med sine egne produkter, i kategoriens rækkefølge som i butikken, sine filtre og sin beskrivelse. Til Search results skriver du ordene, og arbejdsfladen matcher dem med produktnavnene.
• Valget gemmes ikke med skabelonen. Det gælder i fanen, indtil du lukker den.

Komponenterne Product page og Gallery vises med samme produkt og med sektionerne i den rækkefølge, du har gemt. Komponenten Collection page vises med samme valg som Collection pages.

#Sidehoved og sidefod

Tandhjulet på en skabelon i fanen Pages åbner Header og Footer for alle de sider, skabelonen tegner. Ændringen gælder i butikken med det samme, ikke ved næste udgivelse. Hvert produkt, hver kategori og hver side har sin egen adresse, titel og søgetekst.

#Ét valg, ét sted