Delaware-temaet konfiguration og tilpasning

Delaware er Shoporamas mest brugte tema. Det er moderne, responsivt og bygget oven på Tailwind CSS, så det fungerer flot på både desktop og mobil. Stort set alt udseende og adfærd kan tilpasses fra Design i admin uden at skrive kode. Denne guide gennemgår de vigtigste indstillinger.

Hvor finder du indstillingerne

Næsten alt styres fra Konto → Webshop → Tema → Indstillinger. Felterne er grupperet i sektioner som General, Company, Theme, Badges, Product, Checkout, Integrations og Custom Code. Hvert felt har en kort beskrivelse på selve siden, så du ofte ikke behøver opslag her i guiden.

Logo, farver og badges

Under Theme kan du:

• Indsætte URL til logo og favicon (upload selve filen under Tema → Filer og kopiér URLen)
• Vælge primær- og action-farve som hexkode, fx #1a73e8
• Skrive en alt-tekst på logoet (vigtigt for tilgængelighed og SEO)

Under Badges tilpasser du farverne på de små mærker der vises på produkter, fx Tilbud, Nyhed, Få på lager og Mængderabat.

Footer-menuer

Delaware har plads til tre menuer i footeren. Sådan tilføjer du dem:

1. Gå til Indhold → Menuer
2. Opret en ny menu og giv den et af disse tags: footer_menu_1, footer_menu_2 eller footer_menu_3
3. Tilføj de menupunkter du vil vise
4. Menuens navn bliver automatisk overskriften i footeren

Megamenu

En megamenu er en stor dropdown med flere kolonner. I Delaware aktiverer du den ved at oprette en menu med tagget mega_menu og strukturere den med kategorier og undermenuer. Megamenuen bruges typisk som hovednavigation, så kunder hurtigt finder rundt i et stort sortiment.

Betalings- og fragtikoner i footeren

Du behøver ikke uploade billeder af betalingskort eller fragtfirmaer. Delaware har indbyggede SVG-ikoner og vælger dem ud fra to felter under General.

Feltet Betalingsmetoder (path: payment_methods) er en kommasepareret liste, fx:

dankort,visa,mastercard,maestro,mobilepay,applepay,googlepay

Disse navne er indbygget som ikoner i Delaware:

• dankort, visa, mastercard, maestro
• mobilepay, applepay, googlepay, paypal
• klarna, viabill, anyday, banktransfer, invoice, ean

Skriv navnene i små bogstaver, uden mellemrum mellem kommaerne. Et navn der ikke findes som indbygget ikon, springes simpelthen over uden fejl.

Feltet Fragtmetoder (path: shipping_methods) fungerer på samme måde, fx:

gls,postnord,ups,burd

Trustpilot-integration

Delaware bruger Trustpilots officielle widgets. Hver widget kræver sit eget Template ID som du kopierer fra Trustpilots Business-portal. Felterne ligger under Integrations:

1. Aktivér Enable Trustpilot
2. Indtast din Trustpilot Business ID (path: trustpilot_business_id) det er din butiks unikke ID hos Trustpilot
3. Udfyld Template ID for de widgets du faktisk vil vise:

• Trustpilot Template ID Carousel (trustpilot_template_id_carousel) stort karrusel-element typisk på forsiden og i kassen
• Trustpilot Template ID Micro Star (trustpilot_template_id_micro_star) kompakte stjerner i header og start-trin af kassen
• Trustpilot Template ID Micro Review Count (trustpilot_template_id_micro_reviewcount) lille tekst-widget med antal anmeldelser i footeren
• Trustpilot Template ID Micro Trustscore (trustpilot_template_id_micro_trustscore) samlet score i header og kassens sidebar
• Trustpilot Template ID Product Mini (trustpilot_template_id_product_mini) stjerner under produktnavnet på produktsiden
• Trustpilot Template ID Product Reviews (trustpilot_template_id_product_reviews) fuld anmeldelsesliste på produktsiden
• Trustpilot Template ID Starter (trustpilot_template_id_starter) bruges hvis du endnu ikke har fået anmeldelser

Instagram, Facebook og øvrige sociale links

Delaware viser små ikoner i footeren der linker til dine profiler på sociale medier. Du udfylder URLerne under Company:

• Instagram URL (path: instagram_url)
• Facebook URL (facebook_url)
• YouTube URL (youtube_url)
• Google URL (google_url)

Skriv hele URLen, fx https://www.instagram.com/dinprofil/. Lader du feltet stå tomt, vises ikonet ikke.

Value Propositions (USPer)

Du kan vise op til fire Value Propositions typisk under headeren eller i footeren. Det kunne være "Fri fragt over 500 kr.", "30 dages returret" eller "Hurtig levering". Sæt dem op under Value Propositions, hvor hver USP har felter for tekst, beskrivelse, ikon og evt. link.

Forsiden og Page Builder

Forsiden bygges via Page Builder, hvor du kan tilføje sektioner som hero-bannere, produktkarruseller, billedgallerier, tekst og blog-feeds. Du trækker og slipper sektioner og redigerer indholdet uden at røre koden.

Produktsidens funktioner

Under Product kan du slå en lang række funktioner til og fra:

• Andre købte også, Lignende produkter, Relaterede produkter hver med autofyld fra samme kategori
• Ønskeliste både simpel (browser-baseret) og fuld (kræver login)
• Faner for produktattributter, fragt, returnering, betaling og spørgsmål
• Få på lager-badge, backorder-besked, kampagne-besked
• Billedgalleri med thumbs og lightbox
• Vaskeanvisning og størrelsesguide
• Omnibus-pris visning af laveste pris de sidste 30 dage på tilbudsvarer

Checkout-tilpasninger

Sektionerne Checkout: General, Checkout: Cart, Checkout: Address og Checkout: Approve styrer hver fase af kassen. Her kan du blandt andet aktivere/deaktivere login, gavekort, ApplePay/MobilePay quick checkout, nyhedsbrevstilmelding, mersalg samt vælge om du henvender dig til private (B2C), erhverv (B2B) og/eller offentlige kunder (B2G/EAN).

Site Notice (banner i toppen)

Vil du fortælle om en kampagne, en helligdagslukning eller en generel besked? Aktivér Site Notice og skriv en tekst med eventuelt en lukkeknap. Du kan have forskellig tekst på desktop og mobil og vælge hvor mange dage banneret skal være lukket, når kunden klikker det væk.

Andre integrationer

Under Integrations kan du udover Trustpilot også aktivere:

• Pricerunner ved at indsætte dit account-ID
• E-mærket ved at indsætte URLen til din e-mærket-side
• Viabill til delbetalinger (kræver Viabill shop ID)
• AnyDay til delbetalinger (kræver AnyDay price token)
• Clerk.io til intelligent søgning og produktanbefalinger (kræver API-nøgle)

Egne tilpasninger (Custom CSS og JS)

Har du brug for at tilføje egen CSS eller JavaScript, kan du gøre det via Custom Code. Aktivér Enable Custom CSS eller Enable Custom JS og indsæt din kode. Det er den nemmeste måde at lave små designjusteringer eller tilføje eksterne scripts uden at ændre selve temaets filer.

Ofte stillede spørgsmål

Hvilken Smarty-version kører Delaware på?

Delaware og DelawareDK kører på Smarty 4. Det er den nyeste version, og det er også den vi anbefaler til alle nye temaer på Shoporama. Hvis du selv tilretter templates, kan du derfor bruge nyere Smarty 4-syntaks som <{$foo = 123}> og <{foreach $items as $item}>.

Hvad er forskellen på Delaware og DelawareDK?

Funktionerne er fuldstændig identiske. Eneste forskel er sproget i admin-labels på tema-indstillingerne: Delaware har engelske labels (fx "Theme", "Company", "Integrations"), DelawareDK har danske. Selve butikkens tekst på forsiden styres uafhængigt af dette via shoppens sprogindstilling.

Mine betalingsikoner vises ikke i footeren hvad gik galt?

Tjek at feltet Betalingsmetoder under General er udfyldt med en kommasepareret liste, fx visa,mastercard,mobilepay. Skriv navnene i små bogstaver og brug kun navne fra listen ovenfor. Et navn der ikke er indbygget som ikon, springes over uden fejl.

Hvilket Trustpilot-felt skal jeg udfylde?

Først Trustpilot Business ID (din butiks ID). Derefter ét Template ID pr. widget du vil bruge. Hvis du fx kun vil have stjerner under produktnavnet, udfylder du Trustpilot Template ID Product Mini. Lad de andre Template ID-felter stå tomme så vises de ikke.

Kan jeg vise mine seneste Instagram-billeder direkte på forsiden?

Ikke ud af boksen. Delaware viser kun et link til din Instagram-profil i footeren. Vil du have et live billed-feed, kan du tilføje en tredjepartsløsning, fx Behold eller Elfsight, som du indlejrer via en HTML-blok i Page Builder.

Hvor laver jeg footer-tekster med firmaadresse og CVR?

Firmanavn, adresse, by, postnummer, CVR, telefon og e-mail sættes under Company i temaindstillingerne. Disse data vises automatisk i footeren og bruges også til strukturerede data (Schema.org), så Google forstår din butik bedre.

Bruger Delaware Theme Builder?

Ja. Delaware er fuldt støttet af Theme Builder, så du kan justere farver, sektioner og layout med visuel preview. Felterne i denne guide er præcis dem du finder i Theme Builder, blot vist i tabel-form.

Hvor godt fungerer Delaware på mobilen?

Delaware er bygget med Tailwind CSS og er fuldt responsivt. Megamenuen kollapser til en off-canvas mobilmenu, billeder skaleres automatisk til skærmstørrelsen, og checkout er optimeret til touch. Du kan også vælge separat tekst til Site Notice på mobil.

Kan jeg bruge megamenu og almindelig menu samtidig?

Ja. Megamenuen bruges som hovednavigation, men du kan stadig have en sekundær menu i toppen og tre menuer i footeren. Du opretter blot menuerne separat med hver deres tag.

Skal jeg vælge Delaware eller DelawareDK?

Vælg DelawareDK hvis dit team arbejder på dansk og foretrækker danske admin-labels. Vælg Delaware hvis du foretrækker engelsk eller arbejder på en international shop. Skifter du senere mellem dem, går dine indstillinger ikke tabt.

Har du brug for hjælp med Delaware? Skriv til os på support@shoporama.dk.