Delaware Dokumentation
Alt du skal vide for at udnytte Delaware temaets fulde potentiale
Velkommen til Delaware
Delaware er Shoporamas mest avancerede tema med over 37 kraftfulde funktioner, omfattende Page Builder support og fuld e-handelsfunktionalitet. Dette tema er designet til at give dig maksimal fleksibilitet og kontrol over din webshops udseende og funktionalitet.
Bemærk: Videoerne i denne dokumentation viser den tidligere version af admin-panelet, men alle funktioner og indstillinger fungerer identisk i den nuværende version.
Hurtig opsætning
Kom hurtigt i gang med vores intuitive pagebuilder og forudbyggede sektioner
Fuld kontrol
Tilpas alle aspekter af din webshop ned til mindste detalje
100% Responsivt
Perfekt optimeret til alle enheder og skærmstørrelser
Page Builder
Delawares kraftfulde Page Builder gør det nemt at opbygge professionelle sider uden at skulle kode. Med drag-and-drop funktionalitet, live preview og responsiv redigering kan du skabe præcis det design, du ønsker.
Nøglefunktioner:
Brugervenligt interface
- Træk-og-slip redigering
- Live forhåndsvisning
- Responsiv preview
- Undo/Redo funktionalitet
Avancerede muligheder
- Genbrugelige skabeloner
- Globale sektioner
- Custom CSS/JS
- A/B testing support
Tip: Start med en af vores færdige skabeloner og tilpas den til dit behov. Det sparer tid og sikrer et professionelt resultat.
Video tutorial
Komponenter
Delaware indeholder et omfattende bibliotek med 50+ færdige komponenter optimeret til e-commerce konvertering og brugeroplevelse.
Page Builder Integration
Alle komponenter er fuldt integreret med Shoporama Page Builder og kan tilpasses visuelt uden kodning.
Drag & Drop Interface
- Live preview editing
- Responsive design controls
- Custom CSS overrides
Pre-built Layouts
- 15+ homepage templates
- Category page layouts
- Landing page designs
Produkt Komponenter
Product Display
- Product Grid - Responsive produktvisning med filtrering
- Product Carousel - Swipeable produktslider med lazy-loading
- Product Quick View - Modal med produktdetaljer og køb
- Featured Products - Fremhævede produkter med badges
- Best Sellers - Automatisk bestseller showcase
Customer Engagement
- Wishlist Integration - Ønskeliste med social sharing
- Product Compare - Side-by-side sammenligning
- Recently Viewed - Historik over besøgte produkter
- Stock Notifications - "Notify when in stock" alerts
- Size Guide Modal - Interaktiv størrelsesguide
Content & Layout Komponenter
Hero & Banners
- • Full-width hero sections
- • Video backgrounds
- • Parallax scrolling effects
- • Call-to-action overlays
- • Multiple banner layouts
- • Mobile-optimized designs
Social Proof
- • Customer testimonials
- • Review carousels
- • Trust badges gallery
- • Social media feeds
- • Customer photos
- • Rating displays
Information
- • FAQ accordion
- • Expandable content boxes
- • Tabbed content sections
- • Feature comparison tables
- • Step-by-step guides
- • Icon feature lists
Marketing & Konvertering
Urgency & Scarcity
- Countdown Timers - Til salg og kampagner
- Low Stock Warnings - "Kun 3 tilbage på lager"
- Flash Sale Banners - Dynamiske rabat-badges
- Social Proof Notifications - "12 købte i dag"
Lead Generation
- Newsletter Popups - Exit-intent & timed
- Discount Code Bars - Sticky promocoder
- SMS Signup Forms - Marketing tilmeldinger
- Referral Widgets - "Del og få rabat"
Navigation & Søgning
Advanced Navigation
- • Mega menu med produktvisning
- • Breadcrumb navigation
- • Kategori sidebar med filtre
- • Mobile-venlig hamburger menu
- • Sticky navigation bar
Smart Search
- • Autocomplete søgning
- • Visual søgeresultater
- • Fejlstavning-tolerant
- • Kategori-specifik søgning
- • Søgehistorik
Checkout & Trust
Konverteringsoptimerede komponenter
- Progress bar i checkout
- Sikkerhedsbadges
- Betalingsmetode ikoner
- Leveringskalender
- Guest checkout option
- Order summary sidebar
- Abandonement protection
- Express checkout buttons
- Mobile payment integration
Tilpassede Komponenter
Udvikler-venlige features
Custom Components
- • Smarty template system
- • Component inheritance
- • API data integration
- • Real-time data binding
Styling System
- • Tailwind CSS framework
- • Custom CSS variables
- • SCSS compilation
- • Mobile-first responsive
Performance & SEO
Alle komponenter er optimeret til hastighed og søgemaskiner:
- Lazy Loading - Billeder og komponenter indlæses efter behov
- Minified Assets - Komprimeret CSS og JavaScript
- CDN Ready - Optimeret til content delivery networks
- Schema Markup - Struktureret data til Google
- Mobile Optimized - Core Web Vitals fokus
- A11y Compliant - WCAG 2.1 tilgængelighed
Se alle komponenter i aktion:
Oplev Delaware komponenterne live på: https://delaware.shoporama.dk
Kortkoder
Brug kortkoder til at indsætte dynamisk indhold og funktionalitet direkte i dine sider og produktbeskrivelser.
1. Indsæt links til produkter, kategorier og landingssider
Kortkode med custom tekst:
Kortkode med objektets titel:
Sådan finder du ID'et:
ID'et findes i Shoporama kontrolpanelet i URL'en når du redigerer et produkt/kategori/landingsside.
Eksempel URL: /admin/en/6581/product/edit/2633263
ID'et er det sidste tal i URL'en (2633263)
2. Indsæt produktliste
Kortkode syntax:
Bemærk: Ingen mellemrum mellem produkt ID'er. Find produkt ID'er i Shoporama kontrolpanelet.
3. Indsæt YouTube video
Kortkode syntax:
Bemærk: Erstat med 11-cifret YouTube video ID. Find ID'et i YouTube video URL'en.
4. Indsæt uploadede billeder
Kortkode for uploadet billede:
Bemærk: Indsætter første uploadede billede på siden. Du kan uploade ubegrænset antal billeder og referere til dem via index. Billedtekst vises hvis angivet.
5. Indsæt billeder med absolut sti
Kortkode for absolut billedsti:
Video tutorial
Filtre & Søgning
Avanceret produktfiltrering med AJAX opdatering, multiple værdier og intelligent søgning.
Filter typer
- Pris slider med min/max
- Farve swatches
- Størrelse guide
- Brand filter
- Attribut filtre
- Lagerstatus
- Bedømmelser
- Tilbud/udsalg
Video tutorial
Fragtmetoder
Tilpas fragtmetoder med leverandør ikoner, leveringstider og beskrivelser for at forbedre kundeoplevelsen.
Leverandør ikoner opsætning
HTML felt konfiguration:
Opret et HTML felt kaldet carrier i din fragtmetode for at vise leverandør ikoner.
Tilgængelige leverandør ikoner:
burd
gls
postnord
pickup
bring
budbee
dhl
dao
dkfragt
instabox
coolrunner
swipbox
ups
Leveringstid opsætning
HTML felt konfiguration:
Opret et HTML felt kaldet delivery_time for at vise leveringstider.
Best practice:
Brug klart og konsekvent sprog som "1-2 hverdage", "Samme dag", "3-5 arbejdsdage"
Leveringsbeskrivelse opsætning
HTML felt konfiguration:
Opret et HTML felt kaldet delivery_info for detaljerede beskrivelser.
Eksempler på beskrivelser:
- • "Leveres direkte til døren"
- • "Afhentning i nærmeste pakkeshop"
- • "Levering mellem 08:00-16:00"
- • "Gratis ved køb over 500 kr."
Se demo:
Se fragtmetoder i aktion på: https://delaware.shoporama.dk
Support:
Mangler der ikoner for din leverandør? Kontakt os på support@shoporama.dk
Vis efter postnummer
Vis kun relevante fragtmetoder baseret på kundens postnummer.
Skjul efter postnummer
Skjul fragtmetoder for specifikke områder eller postnumre.
Generel fragtmetode opsætning
Betalingsmetoder
Vis betalingsmuligheder tydeligt med kort ikoner for at øge kundens tillid og gennemførselsraten.
HTML felt opsætning
Opsætning proces:
Opret et HTML felt kaldet cards i din betalingsmetode.
Tilgængelige betalingsikoner
anyday
banktransfer
dankort
ean
invoice
klarna
maestro
mastercard
mobilepay
paypal
viabill
visa
Konfiguration eksempel
Eksempel opsætning for en Dankort betalingsmetode:
Dette vil vise Dankort, Mastercard og Visa ikoner for denne betalingsmetode.
Se demo:
Se betalingsmetoder i aktion på: https://delaware.shoporama.dk
Support:
Mangler der ikoner for din betalingsmetode? Kontakt os på support@shoporama.dk
Video tutorial
Størrelses- og vaskeanvisninger
Professionel opsætning af størrelsesguides og vaskeinstruktioner med fleksibel label-baseret system.
1. Aktivering i tema indstillinger
Aktiver funktionalitet:
- Gå til Tema indstillinger
- Klik på Produkt sektionen
- Aktiver "Vaskeinstruktioner" og/eller "Størrelsesguide"
- Valgfrit: Tilpas titel (standard: "Vaskeinstruktioner"/"Størrelsesguide")
2. Oprettelse af labels
Naviger til Produkter → Labels:
Vaskeinstruktioner tags:
Størrelsesguide tags:
3. Oprettelse af instruktionssider
Gå til Navigation → Sider:
- Opret ny side med beskrivende titel
- Skriv detaljerede vaske-/størrelsesanvisninger
- Gem og rediger siden
- I "Avanceret" fanen: Tilføj tilsvarende opt tag (skal matche label)
Eksempel på opt tag matching:
washing-instructions-1
washing-instructions-1
4. Anvend på produkter
Gå til specifikt produkt i Produkter:
- Naviger til "Labels" fanen
- Vælg den relevante vaske-/størrelses label
- Gem produktet
Fleksibelt system
Systemets fordele:
- Multiple instruktionssæt: Opret forskellige vaske-/størrelsesguides for forskellige produkttyper
- Fleksibel anvendelse: Samme instruktioner kan bruges på flere produkter
- Nem administration: Centraliseret styring af alle instruktioner
- Automatisk visning: Instruktionerne vises automatisk på produktsider
Se demo:
Se størrelses- og vaskeguides i aktion på: https://delaware.shoporama.dk
Video tutorial
Checkout Features
Delaware's konverteringsoptimerede checkout process reducerer cart abandonment med op til 35% gennem streamlined user experience og trust-building elementer.
Checkout Process Flow
Shopping Cart
Review & edit items
Customer Info
Contact & billing details
Shipping & Payment
Delivery & payment options
Order Complete
Confirmation & tracking
One-Page Checkout
Streamlined Experience
- Single-page flow - Alt information på én side
- AJAX updates - Ingen side-reloads under checkout
- Real-time validation - Øjeblikkelig fejl-feedback
- Progress indicators - Tydelig fremgang gennem processen
- Mobile optimized - Touch-friendly på alle enheder
Guest Checkout Options
- No registration required - Køb uden kontoprettelse
- Optional account creation - Tilbyd efter køb
- Social login - Google, Facebook, Apple ID
- Auto-save information - Browser autofill support
- Return customer detection - Genken tidligere kunder
Express Checkout Options
Apple Pay
One-touch checkout med Touch ID/Face ID på Safari og iOS enheder.
Google Pay
Hurtig betaling med fingeraftryk på Android og Chrome browser.
MobilePay
Danmarks mest populære mobile betalingsløsning med one-click køb.
Trust & Sikkerhed
Sikkerhedsfunktioner
- SSL Encryption - 256-bit kryptering af alle data
- PCI DSS Compliant - Certificeret betalingssikkerhed
- GDPR Ready - Databeskyttelsesforordning compliance
- Privacy First - Ingen tracking uden samtykke
- Secure Hosting - Danske servere med backup
Trust Badges & Certificeringer
- e-Mærket - Dansk e-handel certificering
- Trustpilot Integration - Live anmeldelser og rating
- Norton Secured - Malware og virus beskyttelse
- 30-dages returret - Lovpligtig fortrydelsesret
- Gratis fragt - Ved køb over beløbsgrænse
Betalingsmetoder
Delaware supporterer alle populære betalingsmetoder i Danmark og Norden:
Leverings Options
Intelligent Leveringskalender
- • Real-time leveringsdatoer fra fragtfirmaer
- • Postnummer-baseret levering tids-estimater
- • Weekend og helligdags-awareness
- • Express levering muligheder
Pakkeshop Integration
- • GLS, PostNord, Bring pakkeshop finder
- • Interaktivt kort med pakkeshops
- • Åbningstider og afstande
- • Automatisk closest shop suggestion
Cart Abandonment Protection
Exit-Intent Popups
- • Detecter "exit"-bevægelser
- • Tilbyd rabat eller gratis fragt
- • Email opfang for follow-up
Automated Follow-up
- • 1-3-5-7 dages email serie
- • Personaliseret med glemt indhold
- • A/B test subject lines
Urgency Tactics
- • Limited time offers
- • Low stock warnings
- • Price increase notifications
Checkout Analytics & Optimization
Conversion Tracking
- Funnel Analysis - Cart → Checkout → Purchase rates
- Click Tracking - Identificer friction points
- Device Performance - Desktop vs mobile conversion
- Timing Analysis - Checkout completion times
A/B Testing
- Button Colors - Test CTA button performance
- Copy Testing - Headlines og button tekst
- Layout Variants - Single vs multi-step checkout
- Trust Elements - Placering af trust badges
Test checkout processen:
Oplev Delaware's optimerede checkout på: https://delaware.shoporama.dk
Integrationer
Delaware er fuldt integreret med Shoporamas økosystem og populære tredjepartstjenester.
Marketing
- • Google Analytics 4
- • Facebook Pixel
- • Google Ads
- • Klaviyo
Social Media
- • Instagram feed
- • Facebook chat
- • Social login
- • Share buttons
Tools
- • Trustpilot
- • Cookiebot
- • Live chat
- • Helpdesk
C
Clerk.io Integration
Delaware har fuld integration med Clerk.io for AI-drevet personalisering og produktanbefalinger.
Funktioner der kan erstattes med Clerk.io:
- Intelligent søgning - Med fejlstavning, synonymer og kategorier
- Produktanbefalinger - Relaterede, lignende og "andre købte også"
- Kurv anbefalinger - Cross-sell i checkout
- Email automation - Personaliserede emails
Opsætning: Tilføj din Clerk.io API-nøgle i tema indstillingerne under "Integrationer" og vælg hvilke funktioner du vil aktivere.
Ikon Bibliotek
Delaware indeholder et omfattende bibliotek af ikoner til brug i dine værdiforslag, knapper og UI-elementer.
Brand Ikoner
Apple Pay
eMærket
Google Pay
MobilePay
Betalingskort Ikoner
Anyday
Dankort
Mastercard
PayPal
Visa
Klarna
Fragtmetoder Ikoner
Bring
DHL
GLS
PostNord
UPS
Sprogflag
Dansk (da)
English (en)
Norsk (nb)
Svenska (sv)
Yderligere Ikoner
Delaware bruger ikoner fra Heroicons biblioteket og omfatter:
Adjustment
Chevron
Search
Cart
User
Heart
Star
Plus
Behov for flere ikoner? Kontakt os på support@shoporama.dk for at anmode om yderligere ikoner til dit tema.
Vaskesymboler
Delaware indeholder omfattende support for tekstilplejeinstruktioner med international standardiserede vaskesymboler.
Vaskeinstruktioner
30°C
40°C
50°C
Håndvask
Ikke vask
Skånsom
Blegning
Kun ilt-blegning
Ingen blegning
Klor tilladt
Tørring
Tørretumbler
Linje tørring
Skygge tørring
Fladt tørring
Strygning
Lav temperatur
Medium temperatur
Høj temperatur
Ikke stryg
Automatisk integration: Vaskesymboler integreres automatisk på produktsider når de tilføjes i produktadministrationen.
Brand Management
Delaware indeholder kraftfuld brand management funktionalitet til at fremvise dine mærker professionelt.
Opsætning af Brand Oversigt
- Opret ny side: Gå til Sider → Opret ny side
- Vælg template: Vælg "Brands" template fra dropdown
- Automatisk indlæsning: Alle brands indlæses automatisk i alfabetisk rækkefølge
- Publicer siden: Gem og publicer brand oversigten
Oprettelse af Brands
Administration
- • Gå til Produkter → Brands fane
- • Klik "Tilføj brand"
- • Udfyld brand titel
- • Tilføj side reference
- • Upload brand billede
Billedanbefalinger
- • Format: PNG med transparent baggrund
- • Størrelse: 300x300 pixels anbefalet
- • Høj kvalitet logoer
- • Konsistent styling
Brand Funktioner
Alfabetisk Sortering
Brands vises automatisk i alfabetisk rækkefølge
Responsivt Design
Perfekt visning på alle enheder
Automatiske Links
Link til brand-specifikke produktsider
Eksempel: Se hvordan brand oversigten fungerer på delaware.shoporama.dk/brands
Avancerede Postnummer Funktioner
Delaware tilbyder avancerede postnummer-baserede funktioner til at vise eller skjule fragtmetoder baseret på specifikke postnummerområder.
To Metoder til Postnummer Kontrol
Vis ved Match
Fragtmetoden vises kun for bestemte postnummerområder.
Brug: Når du kun vil tilbyde en fragtmetode i specifikke områder (fx by-levering)
Fjern ved Match
Fragtmetoden skjules for bestemte postnummerområder.
Brug: Når du vil udelukke en fragtmetode fra specifikke områder (fx øer eller fjerntliggende steder)
Vis ved Match Metode
Implementering:
- Gå til Dashboard → Fragt → Rediger fragtmetode
- Opret nyt HTML felt med navnet
allowed_zip_codes - Indtast postnummerområder i formatet:
1000-1999,3000-3999,5000-5999 - Gem indstillingerne
Eksempel på postnummerområder:
1000-1999,2000-2999,3000-3999,4000-4999,5000-5999
Dette vil vise fragtmetoden for postnumre 1000-5999
Video tutorial - Vis fragtmetoder
Fjern ved Match Metode
Implementering:
- Gå til Dashboard → Fragt → Rediger fragtmetode
- Opret nyt HTML felt med navnet
disallowed_zip_codes - Indtast postnummerområder i formatet:
3900-3999,9000-9999 - Gem indstillingerne
Eksempel på udelukkelse:
3900-3999,9000-9999
Dette vil skjule fragtmetoden for Bornholm (3900-3999) og Færøerne (9000-9999)
Video tutorial - Skjul fragtmetoder
Format Retningslinjer
Understøttede Formater
1000-1999- Område fra 1000 til 19992000,2100,2200- Specifikke postnumre3000-3999,4000- Kombineret område og specifik5000-5999,6000-6999- Flere områder
Vigtige Noter
- • Brug komma til at adskille områder
- • Bindestreg for at definere områder
- • Ingen mellemrum mellem værdier
- • Både 4-cifrede danske og internationale postnumre understøttes
Praktiske Anvendelseseksempler
Cykellevering
Kun tilgængelig i København og Aarhus
1000-2999,8000-8999
Express Levering
Ikke tilgængelig på øer
disallowed: 3900-3999,9000-9999
Ølevering
Kun for Bornholm og Færøerne
3900-3999,9000-9999
Pro tip: Test altid dine postnummer konfigurationer grundigt ved at simulere forskellige kundeadresser under checkout processen.
Video Embedding
Indbyg videoer og playlister direkte i din webshop for at skabe engagerende indhold og demonstrere dine produkter.
Understøttede platforme
- YouTube videoer og playlister
- Vimeo videoer
- Lokale videoer (MP4, WebM)
- Live streams
Avancerede funktioner
- Responsive video afspiller
- Lazy loading for performance
- Custom thumbnails
- Autoplay muligheder
Pro tip: Brug videoer til produktdemonstrationer, tutorials og kundehistorier for at øge konverteringen.
Video tutorial
Værdiforslag
Delaware understøtter 4 konfigurérbare værdiforslag, der kan vises på forsiden eller andre strategiske steder for at fremhæve dine unikke fordele.
Opsætning af Værdiforslag
Navigation til indstillinger:
Gå til Tema Indstillinger → Forside → Værdiforslag
For hvert værdiforslag kan du konfigurere:
- • Overskrift - Kort og præcis (maks 25 tegn)
- • Kort tekst - Uddybende beskrivelse (maks 50 tegn)
- • Ikon - Vælg fra 35+ ikoner
- • Link (valgfrit) - Link til relevant side
Best practices:
- • Hold teksterne korte og klare
- • Vælg ikoner der matcher budskabet
- • Fremhæv dine unikke fordele
- • Test på mobil for læsbarhed
Eksempler på Værdiforslag
Gratis fragt
Ved køb over 399 kr
30 dages retur
Fuld returret
Kundeservice
Man-fre 9-17
Sikker betaling
SSL-krypteret
Tilgængelige Ikoner
Delaware inkluderer 35+ ikoner til værdiforslag:
truck
credit-card
shield-alt
headset
undo
gift
clock
award
thumbs-up
...og mange flere i tema indstillingerne
Blog Funktioner
Delaware inkluderer et komplet blogsystem med SEO-optimering, kategorier, tags og avancerede billedfunktioner.
Oprettelse af Blogindlæg
Grundlæggende opsætning:
- Gå til Indhold → Blog → Nyt indlæg
- Udfyld titel og URL-slug
- Skriv dit indhold i editoren
- Tilføj billeder og medier
- Konfigurer SEO-indstillinger
- Publicer eller gem som kladde
Billedindsættelse i Blogindlæg
Delaware's unikke billedsystem:
Brug kortkoder til at indsætte billeder direkte i dine blogindlæg:
Sådan fungerer det:
- Upload billeder via "Upload billeder" knappen
- Billederne får automatisk et index nummer (1, 2, 3...)
- Indsæt billedet med
[image index=X] - Billeder vises responsivt med automatisk størrelse
Blog Layout Muligheder
Grid Layout
- • 2-4 kolonner responsive grid
- • Featured image fremhævet
- • Excerpt og læs mere link
- • Perfekt til visuelt indhold
List Layout
- • Klassisk blog liste format
- • Sidebar med kategorier
- • Fuld excerpt visning
- • Dato og forfatter info
Magazine Layout
- • Featured posts sektion
- • Kategori-baseret visning
- • Mixed grid og liste
- • Populære indlæg widget
Blog SEO Funktioner
On-page SEO
- • Custom meta titles og descriptions
- • Automatisk Open Graph tags
- • Canonical URLs
- • Schema.org markup
- • XML sitemap integration
Kategorier & Tags
- • Ubegrænsede kategorier
- • Tag-baseret navigation
- • Kategori-specifikke RSS feeds
- • Related posts automatik
- • Tag clouds widget
Farve Tilpasning
Delaware giver dig fuld kontrol over dit temas farveskema med avancerede tilpasningsmuligheder og forudindstillede farvetemaer.
Primære Farveindstillinger
Tilpas følgende farver:
Brand Farver
#2563eb
#9333ea
#db2777
UI Farver
#16a34a
#ca8a04
#dc2626
Badge & Label Farver
Tilpas farver på produktbadges og labels:
#dc2626
#16a34a
#2563eb
#9333ea
Forudindstillede Farveskemaer
Classic Blue
Professionel og troværdig
Warm Earth
Varm og indbydende
Modern Gradient
Moderne og dynamisk
Avancerede Farveindstillinger
CSS Custom Properties:
For udviklere - tilpas via CSS variabler:
Tema Indstillinger
Delaware kommer med 100+ konfigurationsmuligheder, der giver dig fuld kontrol over dit temas udseende og funktionalitet uden kodning.
Adgang til indstillinger
Navigation: Admin → Design → Temaer → Delaware → Indstillinger
Hurtig adgang:
- • Live preview tilgængelig
- • Real-time ændringer
- • Gem og publiser umiddelbart
Backup system:
- • Automatisk backup af indstillinger
- • Export/import konfiguration
- • Gendan til standardindstillinger
Generelle Indstillinger
Farver & Branding
- Brand farver - Primær, sekundær og accent farver
- Baggrunde - Gradient, billede eller solid farve
- Button styling - Runde, firkantede eller custom border-radius
- Logo indstillinger - Størrelse, placering og mobile version
- Favicon - Upload dit eget site icon
Typografi
- Google Fonts - 800+ skrifttyper tilgængelige
- Overskrift styling - H1-H6 med individuel kontrol
- Body text - Skriftstørrelse, linjehøjde og vægt
- Button tekst - Skrifttype og styling for CTA's
- Custom CSS - Avanceret typografi kontrol
Layout & Navigation
Sidelayout
- • Container bredde (1140px, 1200px, 1320px)
- • Sidebar position (venstre/højre)
- • Sticky header indstillinger
- • Footer layout og indhold
- • Mobile responsive breakpoints
Hovedmenu
- • Horizontal eller vertical layout
- • Dropdown animationer
- • Mega menu konfiguration
- • Mobile hamburger styling
- • Search bar integration
Breadcrumb
- • Enable/disable på forskellige sider
- • Custom separators (>, /, |)
- • Schema markup for SEO
- • Styling og placering
- • Home link indstillinger
Produkt Indstillinger
Produktbilleder
- Billedeshoppen - Hover zoom, lightbox, 360° view
- Thumbnail styling - Grid, slider eller stacked layout
- Lazy loading - Performance optimering
- WebP support - Moderne billedformater
- Aspect ratio - Konsistent billedehøjde
Produktinformation
- Prisvising - Før/efter pris, moms information
- Lagerstatus - "På lager", "Få tilbage" meddelelser
- Varianter - Dropdown, swatch eller button styling
- Bedømmelser - Stjerner, anmeldelser, aggregeret rating
- Social deling - Facebook, Twitter, Pinterest buttons
Shop & Checkout Indstillinger
Indkøbskurv
- Cart drawer - Slide-in kurv fra side eller top
- Mini cart - Hover preview i header
- AJAX updates - Ingen side reload ved tilføjelse
- Cart notifications - Success meddelelser og animationer
- Upsell suggestions - "Andre købte også" i kurv
Checkout Process
- One-page checkout - Streamlined kørselsproces
- Guest checkout - Køb uden registrering
- Progress indicators - Step-by-step visning
- Trust badges - SSL, betalingssikkerhed ikoner
- Order summary - Sticky sidebar med total
Marketing & SEO
Popups & Notifikationer
- • Newsletter signup popup
- • Exit-intent triggered offers
- • Cookie consent banner
- • Announcement bar
- • Social proof notifications
SEO Optimering
- • Meta titles og descriptions
- • Open Graph images
- • Schema markup (JSON-LD)
- • Canonical URLs
- • Sitemap generation
Analytics
- • Google Analytics 4 integration
- • Facebook Pixel setup
- • Enhanced ecommerce tracking
- • Custom conversion goals
- • Heat mapping support
Tredjeparts Integrationer
Marketing Services
- Email Marketing - Klaviyo, Mailchimp integration
- Live Chat - Intercom, Zendesk Chat support
- Reviews - Trustpilot, Google Reviews widgets
- Search & Discovery - Clerk.io AI integration
Business Tools
- Accounting - E-conomic, Dinero syncing
- Logistics - GLS, PostNord, Bring labels
- Payments - QuickPay, Stripe, PayPal setup
- Inventory - Real-time stock management
Avancerede Indstillinger
Custom Code
- Custom CSS - Add custom styling uden at miste opdateringer
- Custom JavaScript - Tilføj tracking eller funktionalitet
- Template overrides - Tilpas specifikke sektioner
- Webhook endpoints - Integration med eksterne systemer
Performance
- Lazy loading - Images, videos og components
- Asset minification - CSS og JS compression
- CDN settings - Content delivery optimization
- Caching control - Browser og server cache
Indstillinger Management
Export Settings
Download din komplette tema-konfiguration som JSON fil til backup eller migration.
Import Settings
Upload og anvend gemt konfiguration eller overført settings fra anden webshop.
Reset Settings
Gendan alle indstillinger til tema standard-værdier med et enkelt klik.
Se indstillinger i praksis:
Oplev Delaware's omfattende konfigurationsmuligheder på: https://delaware.shoporama.dk
theme_settings.json Struktur
Delaware's konfiguration er defineret i theme_settings.json filen, som giver fuld kontrol over temaets indstillinger og funktionalitet.
Fil Struktur
Indstillings Grupper
Gruppe Struktur
{
"path": "design",
"name": "Design",
"description": "Indstillinger for dit design",
"fields": [
// Individuelle felter
]
}Standard Grupper
- design - Logo, farver, typografi
- forside - Forside-specifikke indstillinger
- footer - Footer indhold og layout
- settings - Generelle funktioner
- some - Sociale medier
Felt Typer
Tekst & Input
string- Enkelt linje tekstwysiwyg- Rich text editorhtml- HTML kode inputtextarea- Multi-linje tekst
Valg & Options
bool- Ja/Nej togglelist- Dropdown valgcolor- Farvevælgernumber- Numerisk input
Media & Filer
image- Billede uploadfile- Fil uploadvideo- Video URLicon- Ikon vælger
Felt Definition Eksempel
Komplet felt eksempel:
{
"path": "enable_login",
"name": "Enable Login",
"description": "Lets your customers create accounts and log in",
"type": "bool",
"default": true,
"required": false,
"depends_on": {
"field": "some_other_field",
"value": true
}
}
Påkrævede properties:
- •
path- Unik identifikator - •
name- Visningsnavn - •
type- Felttype
Valgfrie properties:
- •
description- Hjælpetekst - •
default- Standardværdi - •
depends_on- Betinget visning
List Felt Eksempel
Dropdown med valgmuligheder:
{
"path": "layout_type",
"name": "Layout Type",
"description": "Vælg layout stil",
"type": "list",
"values": [
{
"name": "Standard Grid",
"value": "grid"
},
{
"name": "Masonry Layout",
"value": "masonry"
},
{
"name": "List View",
"value": "list"
}
],
"default": "grid"
}
Additional Settings
add_settings bruges til at tilføje indstillinger til specifikke admin sider:
"add_settings": [
{
"url": "category/edit",
"path": "add_filter",
"name": "Tilføj filter",
"description": "Tilføj filtrering på denne kategori",
"type": "bool"
}
]
Dette tilføjer en "Tilføj filter" indstilling direkte på kategori redigeringssiden.
Page Builder Moduler
Delaware understøtter 50+ Page Builder moduler defineret i modules arrayet:
banner
product_list
video
columns
carousel
testimonials
newsletter
50+ flere
Best Practices
- Brug beskrivende navne: Gør det klart hvad indstillingen gør
- Tilføj hjælpetekst: Brug description feltet til at guide brugeren
- Gruppér relaterede indstillinger: Hold lignende indstillinger sammen
- Brug standardværdier: Sæt fornuftige defaults
- Test ændringer: Verificer at indstillinger fungerer korrekt
Performance & SEO
Delaware er optimeret til hastighed og søgemaskiner fra bunden.
Performance metrics
Need help?
Vi er her for at hjælpe dig med at få det bedste ud af Delaware