Delaware Documentation
Everything you need to know to unlock the full potential of the Delaware theme
Welcome to Delaware
Delaware is Shoporama's most advanced theme with over 37 powerful features, extensive page designer support, and full ecommerce functionality. This theme is designed to give you maximum flexibility and control over the look and functionality of your online store.
Note: The videos in this documentation show the previous version of the admin panel, but all functions and settings work identically in the current version.
Quick setup
Get started quickly with our intuitive page builder and pre-built sections
Full control
Customize every aspect of your online store down to the last detail
100% Responsive
Perfectly optimized for all devices and screen sizes
Page designer
Delaware's powerful Page Designer makes it easy to build professional pages without coding. With drag-and-drop functionality, live preview and responsive editing, you can create exactly the design you want.
Key features:
User-friendly interface
- Drag-and-drop editing
- Live preview
- Responsive preview
- Undo/Redo functionality
Advanced options
- Reusable templates
- Global sections
- Custom CSS/JS
- A/B testing support
Tip: Start with one of our ready-made templates and customize it to your needs. This saves time and ensures a professional result.
Video tutorial
Components
Delaware includes an extensive library of 50+ ready-made components optimized for e-commerce conversion and user experience.
Page designer integration
All components are fully integrated with Shoporama Page Designer and can be visually customized without coding.
Drag & Drop Interface
- Live preview editing
- Responsive design controls
- Custom CSS overrides
Pre-built Layouts
- 15+ homepage templates
- Category page layouts
- Landing page designs
Product Components
Product Display
- Product Grid - Responsive product display with filtering
- Product Carousel - Swipeable product slider with lazy-loading
- Product Quick View - Modal with product details and purchase
- Featured Products - Featured products with badges
- Best Sellers - Automatic bestseller showcase
Customer Engagement
- Wishlist Integration - Wishlist with social sharing
- Product Compare - Side-by-side comparison
- Recently Viewed - History of visited products
- Stock Notifications - "Notify when in stock" alerts
- Size Guide Modal - Interactive size guide
Content & Layout Components
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
- - Accordion FAQ
- - Expandable content boxes
- - Tabbed content sections
- - Feature comparison tables
- - Step-by-step guides
- - Icon feature lists
Marketing & Conversion
Urgency & Scarcity
- Countdown Timers - For sale and promotions
- Low Stock Warnings - "Only 3 left in stock"
- Flash Sale Banners - Dynamic discount banners
- Social Proof Notifications - "12 bought today"
Lead Generation
- Newsletter Popups - Exit-intent & timed
- Discount Code Bars - Sticky promocoder
- SMS Signup Forms - Marketing signups
- Referral Widgets - "Share and get discount"
Navigation & Search
Advanced Navigation
- - Mega menu with product display
- - Breadcrumb navigation
- - Category sidebar with filters
- - Mobile-friendly hamburger menu
- - Sticky navigation bar
Smart Search
- - Autocomplete search
- - Visual search results
- - Misspelling-tolerant
- - Category-specific search
- - Search history
Checkout & Trust
Conversion-optimized components
- Progress bar in checkout
- Safety badges
- Payment method icons
- Delivery calendar
- Guest checkout option
- Order summary sidebar
- Abandonment protection
- Express checkout buttons
- Mobile payment integration
Customized Components
Developer-friendly 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
All components are optimized for speed and search engines:
- Lazy Loading - Images and components are loaded on demand
- Minified Assets - Compressed CSS and JavaScript
- CDN Ready - Optimized for content delivery networks
- Schema Markup - Structured data for Google
- Mobile Optimized - Core Web Vitals focus
- A11y Compliant - WCAG 2.1 accessibility
See all components in action:
Experience the Delaware components live at: https://delaware.shoporama.dk
Shortcodes
Use shortcodes to insert dynamic content and functionality directly into your pages and product descriptions.
1. Insert links to products, categories and landing pages
Shortcode with custom text:
Shortcode with the title of the object:
How to find the ID:
The ID can be found in the Shoporama control panel in the URL when editing a product/category/landing page.
Example URL: /admin/en/6581/product/edit/2633263
The ID is the last number in the URL (2633263)
2. Insert product list
Shortcode syntax:
Note: No spaces between product IDs. Find product IDs in the Shoporama control panel.
3. Insert YouTube video
Shortcode syntax:
Note: Replace with 11-digit YouTube video ID. Find the ID in the YouTube video URL.
4. Insert uploaded images
Shortcode for uploaded image:
Note: Inserts the first uploaded image on the page. You can upload an unlimited number of images and reference them via index. Caption is shown if specified.
5. Insert images with absolute path
Shortcode for absolute image path:
Video tutorial
Filters & Search
Advanced product filtering with AJAX update, multiple values and intelligent search.
Filter types
- Price slider with min/max
- Color swatches
- Sizing guide
- Fire filter
- Filter attribute
- Stock status
- Ratings and reviews
- Offers/sales
Video tutorial
Shipping methods
Customize shipping methods with supplier icons, delivery times and descriptions to improve the customer experience.
Supplier icons setup
HTML field configuration:
Create an HTML field called carrier in your shipping method to display supplier icons.
Available supplier icons:
burd
gls
postnord
pickup
bring
budbee
dhl
dao
dkfragt
instabox
coolrunner
swipbox
ups
Delivery time setup
HTML field configuration:
Create an HTML field called delivery_time to display delivery times.
Best practice:
Use clear and consistent language like "1-2 business days", "Same day", "3-5 business days"
Delivery description setup
HTML field configuration:
Create an HTML field called delivery_info for detailed descriptions.
Examples of descriptions:
- - "Delivered directly to your door"
- - "Pickup at the nearest parcel shop"
- - "Delivery between 08:00-16:00"
- - "Free with purchases over 500 kr."
Watch the demo:
See shipping methods in action at: https://delaware.shoporama.dk
Support:
Missing icons for your supplier? Contact us at support@shoporama.dk
View by postcode
Only show relevant shipping methods based on the customer's postal code.
Hide by postcode
Hide shipping methods for specific areas or postcodes.
General shipping method setup
Payment methods
Display payment options prominently with card icons to increase customer confidence and completion rates.
HTML field setup
Setup process:
Create an HTML field called cards in your payment method.
Available payment icons
anyday
banktransfer
dankort
ean
invoice
klarna
maestro
mastercard
mobilepay
paypal
viabill
visa
Configuration example
Example setup for a Dankort payment method:
This will show Dankort, Mastercard and Visa icons for this payment method.
Watch the demo:
See payment methods in action at: https://delaware.shoporama.dk
Support:
Missing icons for your payment method? Contact us at support@shoporama.dk
Video tutorial
Sizing and washing instructions
Professional setup of size guides and washing instructions with flexible label-based system.
1. activation in theme settings
Enable functionality:
- Go to Theme settings
- Click on the Product section
- Activate "Washing instructions" and/or "Size guide"
- Optional: Customize title (default: "Washing instructions"/"Size guide")
2. Creating labels
Navigate to Products → Labels:
Washing instructions tags:
Size guide tags:
3. Creating instruction pages
Go to Navigation → Pages:
- Create new page with descriptive title
- Write detailed washing/sizing instructions
- Save and edit the page
- In the "Advanced" tab: Add corresponding opt tag (must match label)
Example of opt tag matching:
washing-instructions-1 washing-instructions-1 4. Apply to products
Go to specific product in Products:
- Navigate to the "Labels" tab
- Select the relevant wash/size label
- Save the product
Flexible system
Benefits of the system:
- Multiple instruction sets: Create different washing/sizing guides for different product types
- Flexible application: Same instructions can be used on multiple products
- Easy administration: Centralized management of all instructions
- Automatic display: Instructions are automatically displayed on product pages
Watch the demo:
See sizing and washing guides in action at: https://delaware.shoporama.dk
Video tutorial
Checkout Features
Delaware's conversion-optimized checkout process reduces cart abandonment by up to 35% through streamlined user experience and trust-building elements.
Checkout Process Flow
Shopping Cart
Review & edit items
Customer Info
Contact & billing details
Shipping & Payment
Delivery & payment options
Order Complete
Confirmation & tracking
Payment canceled / failed
When a customer cancels or fails in the payment flow, they are redirected back to the shop with the parameter ?payment_cancelled=1 in the URL.
The Delaware theme automatically displays a warning at the top of the page via header.html when this parameter is present.
Smarty code in your theme:
<{include file="components/alert.html" variant="warning" icon="information" text="Din betaling blev ikke gennemført."}>
<{/if}>
The customer keeps their cart and can try the payment again.
One-Page Checkout
Streamlined Experience
- Single-page flow - All information on one page
- AJAX updates - No side-reloads during checkout
- Real-time validation - Instant error feedback
- Progress indicators - Clear progress through the process
- Mobile optimized - Touch-friendly on all devices
Guest Checkout Options
- No registration required - Buy without account creation
- Optional account creation - Offer after purchase
- Social login - Google, Facebook, Apple ID
- Auto-save information - Browser autofill support
- Return customer detection - Recognize previous customers
Express Checkout Options
Apple Pay
One-touch checkout with Touch ID/Face ID on Safari and iOS devices.
Google Pay
Fast fingerprint payment on Android and Chrome browser.
MobilePay
Denmark's most popular mobile payment solution with one-click purchase.
Trust & Security
Safety features
- SSL Encryption - 256-bit encryption of all data
- PCI DSS Compliant - Certified payment security
- GDPR Ready - General Data Protection Regulation compliance
- Privacy First - No tracking without consent
- Secure Hosting - Danish servers with backup
Trust Badges & Certifications
- e-Mærket - Danish e-commerce certification
- Trustpilot Integration - Live reviews and rating
- Norton Secured - Malware and virus protection
- 30-day return policy - Statutory right of withdrawal
- Free shipping - For purchases over the limit
Payment methods
Delaware supports all popular payment methods in Denmark and the Nordics:
Delivery Options
Intelligent delivery calendar
- - Real-time delivery dates from carriers
- - Postcode-based delivery time estimates
- - Weekend and holiday awareness
- - Express delivery options
Parcel shop integration
- - GLS, PostNord, Bring parcel shop finder
- - Interactive map with parcel shops
- - Opening hours and distances
- - Automatic closest shop suggestion
Cart Abandonment Protection
Exit-Intent Popups
- - Detect exit movements
- - Offer discount or free shipping
- - Email capture for follow-up
Automated Follow-up
- - 1-3-5-7 day email series
- - Personalized with forgotten content
- - 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 - Identify 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 and button text
- Layout Variants - Single vs multi-step checkout
- Trust Elements - Placement of trust badges
Test the checkout process:
Discover Delaware's optimized checkout at: https://delaware.shoporama.dk
Integrations
Delaware is fully integrated with the Shoporama ecosystem and popular third-party services.
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 has full integration with Clerk.io for AI-driven personalization and product recommendations.
Features that can be replaced with Clerk.io:
- Intelligent search - With misspelling, synonyms and categories
- Product recommendations - Related, similar and "others also bought"
- Cart recommendations - Cross-sell in checkout
- Email automation - Personalized emails
Setup: Add your Clerk.io API key in the theme settings under "Integrations" and select which features you want to enable.
Icon Library
Delaware includes an extensive library of icons for use in your value propositions, buttons and UI elements.
Brand Icons
Apple Pay
The eLabel
Google Pay
MobilePay
Payment card icons
Any day
Thank you card
Mastercard
PayPal
Visas
Klarna
Shipping methods Icons
Bring
DHL
GLS
PostNord
UPS
Language flag
Danish (da)
English (en)
Norsk (nb)
Swedish (sv)
Additional Icons
Delaware uses icons from the Heroicons library and includes:
Adjustment
Chevron
Search
Cart
User
Heart
Starling
More
Need more icons? Contact us at support@shoporama.dk to request additional icons for your theme.
Washing symbols
Delaware includes comprehensive support for textile care instructions with internationally standardized washing symbols.
Washing instructions
30°C
40°C
50°C
Washbasin
No washing
Gentle
Bleaching
Oxygen bleaching only
No bleaching
Chlorine allowed
Drying ring
Tumble dryer
Line drying
Shade drying
Flat drying
Ironing
Low temperature
Medium temperature
High temperature
Do not swipe
Automatic integration: Wash symbols are automatically integrated on product pages when they are added in the product management.
Brand Management
Delaware includes powerful brand management functionality to showcase your brands professionally.
Setting up Fire Overview
- Create new page: Go to Pages → Create new page
- Select template: Select "Brands" template from the dropdown
- Automatic loading: All brands are automatically loaded in alphabetical order
- Publish the page: Save and publish the brand overview
Creating Brands
Administration
- - Go to Products → Brands tab
- - Click "Add brand"
- - Fill in brand title
- - Add page reference
- - Upload brand image
Image recommendations
- - Format: PNG with transparent background
- - Size: 300x300 pixels recommended
- - High quality logos
- - Consistent styling
Brand Features
Alphabetical Sorting
Brands are automatically displayed in alphabetical order
Responsive Design
Perfect viewing on all devices
Automatic links
Link to brand-specific product pages
Example: See how the brand overview works at delaware.shoporama.com/brands
Advanced Postcode Features
Delaware offers advanced zip code-based features to show or hide shipping methods based on specific zip code areas.
Two Methods for Postcode Checking
Show by Match
The shipping method is only shown for specific postcode areas.
Use: When you only want to offer a shipping method in specific areas (e.g. city delivery)
Remove by Match
The shipping method is hidden for specific postcode areas.
Use: When you want to exclude a shipping method from specific areas (e.g. islands or remote locations)
Show by Match Method
Implementation:
- Go to Dashboard → Shipping → Edit shipping method
- Create a new HTML field named
allowed_zip_codes - Enter postcode areas in the format:
1000-1999,3000-3999,5000-5999 - Save your settings
Example of postcode areas:
1000-1999,2000-2999,3000-3999,4000-4999,5000-5999
This will show the shipping method for postal codes 1000-5999
Video tutorial - Show shipping methods
Remove by Match Method
Implementation:
- Go to Dashboard → Shipping → Edit shipping method
- Create new HTML field named
disallowed_zip_codes - Enter postcode areas in the format:
3900-3999,9000-9999 - Save your settings
Example of exclusion:
3900-3999,9000-9999
This will hide the shipping method for Bornholm (3900-3999) and Faroe Islands (9000-9999)
Video tutorial - Hide shipping methods
Format Guidelines
Supported Formats
1000-1999- Range from 1000 to 19992000,2100,2200- Specific postcodes3000-3999,4000- Combined area and specific5000-5999,6000-6999- More areas
Important Notes
- - Use commas to separate areas
- - Hyphen to define areas
- - No spaces between values
- - Both 4-digit Danish and international postal codes are supported
Practical Application Examples
Bicycle delivery
Only available in Copenhagen and Aarhus
1000-2999,8000-8999
Express Delivery
Not available on islands
disallowed: 3900-3999,9000-9999
Island delivery
For Bornholm and Faroe Islands only
3900-3999,9000-9999
Pro Tip: Always test your postcode configurations thoroughly by simulating different customer addresses during the checkout process.
Video Embedding
Embed videos and playlists directly into your online store to create engaging content and demonstrate your products.
Supported platforms
- YouTube videos and playlists
- Vimeo videos
- Local videos (MP4, WebM)
- Live streams
Advanced features
- Responsive video player
- Lazy loading for performance
- Custom thumbnails
- Autoplay options
Pro tip: Use videos for product demonstrations, tutorials and customer stories to increase conversion.
Video tutorial
Product Add-on System
The add-on system enables your customers to add related products with a single click. Products are displayed as checkboxes under the "Add to cart" button, making it easy to cross-sell accessories, insurance or other relevant products.
What are Add-ons?
Add-ons are a feature that lets you attach related products to a main product. When the customer clicks "Add to cart", they can choose to add the add-on products at the same time by ticking the checkboxes.
Examples of use:
- Batteries for electronics
- Insurance or warranty extension
- Accessories for the main product
- Complementary products (e.g. coffee for coffee machines)
How to configure add-ons
1. product level (highest priority)
This is the most specific configuration and overrides all other settings:
- Go to the product where you want to add add-ons
- Click on the Extensions tab
- Find the "Addon Settings" section
- In the
Product Idsfield, enter comma-separated product IDs
Example:
123,456,789
2. Category level
Applies to all products in the category (if they don't have product-level add-ons):
- Set the meta field
addon_idson the category - All products in the category will automatically get these add-ons
3. Parent category level (fallback)
If neither product nor category has add-ons configured:
- The system checks parent categories recursively
- Use first parent category that has
addon_idsset
Important limitations
- Only products WITHOUT variants can be used as add-ons
- Add-ons are added as separate basket lines (not bundled with the main product)
- Add-ons are always added with number 1 (not configurable)
- No special pricing or bundle discounts for add-ons
- The customer is free to change or remove add-ons in the cart afterwards
User experience
On the product side
- Heading: "Add to cart with"
- Checkbox list with all add-ons
- Each add-on shows:
- - 32x32px product image
- - Product name
- - Price
- - Eye icon (link to full product page)
In the basket
- Add-ons appear as normal products
- No visual indication that they were add-ons
- Can be changed and removed independently
- No binding to the main product
Technical details
Extension field name:
addon_product_ids
Meta field name (category):
addon_ids
Format:
Comma-separated product IDs (e.g.: 123,456,789)
Prioritized order:
- Product extension value (
addon_product_ids) - Product meta value (
addon_ids) - Category meta value (
addon_ids) - Parent category meta value (
addon_ids)
Best Practices
- Only use relevant add-ons that provide value to the customer
- Keep the number of add-ons between 2-5 to avoid overwhelming the customer
- Use category-level configuration for products with the same add-ons
- Test the prices of add-on products - too high prices can decrease conversions
- Choose add-on products with good product images and descriptions
- Remember that only products without variants can be used
Value proposition
Delaware supports 4 configurable value propositions that can be displayed on the front page or other strategic locations to highlight your unique benefits.
Setting up Value propositions
Navigation to settings:
Go to Theme Settings → Home → Value proposition
For each value proposition you can configure:
- - Headline - Short and concise (max 25 characters)
- - Short text - In-depth description (max 50 characters)
- - Icon - Choose from 35+ icons
- - Link (optional) - Link to relevant page
Best practices:
- - Keep texts short and clear
- - Choose icons that match the message
- - Highlight your unique advantages
- - Test on mobile for readability
Examples of Value Propositions
Free shipping
For purchases over 399 kr
30 days return
Full return policy
Customer service
Mon-Fri 9-17
Secure payment
SSL encrypted
Available Icons
Delaware includes 35+ icons for value propositions:
truck
credit card
shield-alt
headset
undo
gift
clock
award
thumbs-up
...and many more in the theme settings
Blog Features
Delaware includes a complete blogging system with SEO optimization, categories, tags and advanced image features.
Creating Blog Posts
Basic setup:
- Go to Content → Blog → New post
- Fill in title and URL slug
- Write your content in the editor
- Add images and media
- Configure SEO settings
- Publish or save as draft
Image insertion in Blog posts
Delaware's unique imaging system:
Use shortcodes to insert images directly into your blog posts:
This is how it works:
- Upload images via the "Upload images" button
- Images are automatically assigned an index number (1, 2, 3...)
- Insert the image with
[image index=X] - Images display responsively with automatic resizing
Blog Layout Options
Grid Layout
- - 2-4 columns responsive grid
- - Featured image highlighted
- - Excerpt and read more link
- - Perfect for visual content
List Layout
- - Classic blog list format
- - Sidebar with categories
- - Full excerpt view
- - Date and author info
Magazine Layout
- - Featured posts section
- - Category-based view
- - Mixed grid and list
- - Popular posts widget
Blog SEO Features
On-page SEO
- - Custom meta titles and descriptions
- - Automatic Open Graph tags
- - Canonical URLs
- - Schema.org markup
- - XML sitemap integration
Categories & Tags
- - Unlimited categories
- - Tag-based navigation
- - Category-specific RSS feeds
- - Related posts automatik
- - Tag clouds widget
Color Matching
Delaware gives you full control over your theme's color scheme with advanced customization options and preset color themes.
Primary Color Settings
Customize the following colors:
Brand Colors
#2563eb
#9333ea
#db2777
UI Colors
#16a34a
#ca8a04
#dc2626
Badge & Label Colors
Customize colors on product badges and labels:
#dc2626
#16a34a
#2563eb
#9333ea
Preset color schemes
Classic Blue
Professional and trustworthy
Warm Earth
Warm and inviting
Modern Gradient
Modern and dynamic
Advanced Color Settings
CSS Custom Properties:
For developers - customize via CSS variables:
Theme Settings
Delaware comes with 100+ configuration options that give you full control over your theme's look and functionality without coding.
Access to settings
Navigation: Admin → Design → Themes → Delaware → Settings
Quick access:
- - Live preview available
- - Real-time changes
- - Save and publish instantly
Backup system:
- - Automatic backup of settings
- - Export/import configuration
- - Restore to default settings
General Settings
Colors & Branding
- Brand colors - Primary, secondary and accent colors
- Wallpapers - Gradient, image or solid color
- Button styling - Round, square or custom border radius
- Logo settings - Size, placement and mobile version
- Favicon - Upload your own site icon
Typography
- Google Fonts - 800+ fonts available
- Header styling - H1-H6 with individual control
- Body text - Font size, line height and weight
- Button text - Font and styling for CTAs
- Custom CSS - Advanced typography control
Layout & Navigation
Page layout
- - Container width (1140px, 1200px, 1320px)
- - Sidebar position (left/right)
- - Sticky header settings
- - Footer layout and content
- - Mobile responsive breakpoints
Main menu
- - Horizontal or vertical layout
- - Dropdown animations
- - Mega menu configuration
- - Mobile hamburger styling
- - Search bar integration
Breadcrumb
- - Enable/disable on different pages
- - Custom separators (>, /, |)
- - Schema markup for SEO
- - Styling and placement
- - Home link settings
Product Settings
Product images
- Billedeshoppen - Hover zoom, lightbox, 360° view
- Thumbnail styling - Grid, slider or stacked layout
- Lazy loading - Performance optimization
- WebP support - Modern image formats
- Aspect ratio - Consistent image height
Product information
- Price display - Before/after price, VAT information
- Stock status - "In stock", "Get back" notifications
- Variants - Dropdown, swatch or button styling
- Ratings - Stars, reviews, aggregated rating
- Social sharing - Facebook, Twitter, Pinterest buttons
Shop & Checkout Settings
Shopping cart
- Cart drawer - Slide-in cart from side or top
- Mini cart - Hover preview in header
- AJAX updates - No page reload on add
- Cart notifications - Success notifications and animations
- Upsell suggestions - "Others also bought" in cart
Checkout Process
- One-page checkout - Streamlined driving process
- Guest checkout - Buy without registration
- Progress indicators - Step-by-step view
- Trust badges - SSL, payment security icons
- Order summary - Sticky sidebar with total
Marketing & SEO
Popups & Notifications
- - Newsletter signup popup
- - Exit-intent triggered offers
- - Cookie consent banner
- - Announcement bar
- - Social proof notifications
SEO Optimization
- - Meta titles and 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
Third-party integrations
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, PensoPay, Stripe, PayPal setup
- Inventory - Real-time stock management
Advanced Settings
Custom Code
- Custom CSS - Add custom styling without losing updates
- Custom JavaScript - Add tracking or functionality
- Template overrides - Customize specific sections
- Webhook endpoints - Integration with external systems
Performance
- Lazy loading - Images, videos, and components
- Asset minification - CSS and JS compression
- CDN settings - Content delivery optimization
- Caching control - Browser and server caching
Settings Management
Export Settings
Download your complete theme configuration as a JSON file for backup or migration.
Import Settings
Upload and apply saved configuration or transferred settings from another webshop.
Reset Settings
Restore all settings to theme default values with a single click.
See settings in practice:
Discover Delaware's extensive configuration options at: https://delaware.shoporama.dk
theme_settings.json Structure
Delaware's configuration is defined in theme_settings.json file, which gives full control over the theme's settings and functionality.
File Structure
Setting Groups
Group Structure
{
"path": "design",
"name": "Design",
"description": "Indstillinger for dit design",
"fields": [
// Individuelle felter
]
}Standard Groups
- Design - Logo, colors, typography
- Front page - Front page-specific settings
- footer - Footer content and layout
- settings - General functions
- some - Social media
Field Types
Text & Input
string- Single line textwysiwyg- Rich text editorhtml- HTML code inputtextarea- Multi-line text
Choices & Options
bool- Yes/No togglelist- Dropdown selectioncolor- Color pickernumber- Numerical input
Media & Files
image- Image uploadfile- File uploadvideo- Video URLicon- Icon selector
Field Definition Example
Complete field example:
{
"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
}
}
Required properties:
- •
path- Unique identifier - •
name- Display name - •
type- Field type
Optional properties:
- •
description- Help text - •
default- Default value - •
depends_on- Conditional view
List Field Example
Dropdown with options:
{
"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 used to add settings to specific admin pages:
"add_settings": [
{
"url": "category/edit",
"path": "add_filter",
"name": "Tilføj filter",
"description": "Tilføj filtrering på denne kategori",
"type": "bool"
}
]
This adds an "Add filter" option directly on the category edit page.
Page Designer Modules
Delaware supports 50+ Page Designer modules defined in modules array:
banner
product_list
video
columns
carousel
testimonials
newsletter
50+ more
Best Practices
- Use descriptive names: Make it clear what the setting does
- Add help text: Use the description field to guide the user
- Group related settings: Keep similar settings together
- Use default values: Set sensible defaults
- Test changes: Verify that settings are working correctly
Wishlists & Favorites
Delaware has two independent systems for saving products: wish lists (requires login, shared via link) and favorites (local in browser, heart button).
Wish lists
The customer can create multiple named wish lists, add products with quantities and variants, and share them via a unique link.
- Requires login - data is stored in the database
- Multiple wishlists per customer
- Sharing via unique link
- Variants and numbers supported
- Public view with "Add to cart" buttons
Activation: Settings → Webshop → Activate wishlists
Favorite products
Simple heart button on product card and product page. Favorites are saved locally in the browser - no login required.
- No login required
- Heart button on product card and product page
- Sidebar with all favorites
- Direct "Add to cart" from the sidebar
- Counter in the header
Activation: Theme settings → Product → Enable Wishlist
Note: The two systems are independent - you can use one or both at the same time. Wishlists require login and are ideal for sharing (birthday wishes, Christmas wishes), while favorites are quick and non-committal.
Subscriptions
Delaware has full support for recurring orders, allowing customers to take out ongoing subscriptions for products.
Setting up subscription products
To activate subscriptions on a product, fill in the following fields under Products → Edit product:
Subscription price
Price per delivery
Interval
Daily, weekly or monthly
Binding period
Optional minimum duration
Customer experience
Product pages
- Subscription box with type and price
- Select delivery interval (e.g. "Every 2 months")
- Variant selection with subscription pricing
- Comment field
- Binding period message (if set)
My profile
- Overview of all subscriptions
- Change next delivery and interval
- Update payment card
- Cancel or reopen subscription
- See product and address details
Cart & checkout
- Subscriptions are shown in the cart and sidebar with icon and interval
- Remove button on subscriptions in cart and sidebar
- "Product was added to cart" modal when adding a subscription
- Subscription badge on product card
Email templates
Delaware includes 6 email templates for subscriptions:
Confirmation at creation
Message upon termination
Message on reopening
Reminder before delivery
Planned termination after binding
Confirmation on map update
Important: Subscriptions require a payment gateway that supports recurring payments (e.g. Stripe or Quickpay). Contact your payment provider to make sure recurring payments are enabled on your account.
Performance & SEO
Delaware is optimized for speed and search engines from the ground up.