Built for serious commerce.

Introduction

Halden combines an editorial visual system with strong commerce functionality. It was designed around stores where product specifications, compatibility, collections and product discovery are important parts of the buying decision.

The theme includes configurable typography, colors, spacing, responsive image controls, product cards, filtering, predictive search, product comparison, editorial sections, cart functionality, mega navigation and mobile-first layouts.

Installing Halden

1. Open Shopify Admin.
2. Go to Online Store → Themes.
3. Select Add theme.
4. Upload the Halden theme ZIP.
5. Wait for Shopify to finish processing the theme.
6. Select Customize before publishing.

Using the Theme Editor

Halden is built for Shopify's Online Store 2.0 Theme Editor. Most visual and content changes can be made without editing code.

Sections can be reordered where Shopify permits, and each major Halden section includes its own controls for content and visual presentation.

Typical section controls

• Heading and body content
• Section colors
• Image selection
• Desktop and mobile image sizing
• Image fit and positioning where applicable
• Section margins
• Internal top and bottom padding
• Heading and body font selection
• Option to use global theme fonts

Global theme settings

Typography

Global heading and body fonts can be configured in Theme Settings. Individual Halden sections can inherit these fonts or use their own font selections.

Page width

Halden supports configurable page widths for stores that prefer compact, standard or wider layouts.

Colors

The theme supports merchant-controlled foreground, background, accent and border colors across major sections.

Header

The Halden header supports desktop navigation, mobile navigation, search, logo or text wordmark, cart access and optional sticky behavior.

Header settings

• Logo image
• Text wordmark fallback
• Desktop logo width
• Mobile logo width
• Main navigation menu
• Sticky header
• Search enable/disable
• Search placeholder text
• Desktop and mobile header height
• Background, foreground, accent and border colors
• Navigation and wordmark font controls

When sticky header is enabled, the main navigation can remain available as customers move through longer pages.

Mega menu

Halden supports configurable mega-menu blocks tied to a top-level navigation item.

Setup

1. Create the required menu under Shopify Navigation.
2. Open the Header section in the Theme Editor.
3. Add a Mega menu block.
4. Enter the exact top-level navigation item name.
5. Select the menu that should appear inside the mega menu.
6. Optionally add promotional imagery and links.

Promotional images remain non-interactive when no link has been configured.

Footer

Configure your store information, menus and footer content through the Theme Editor and Shopify Navigation.

Keep important customer information such as shipping, returns, privacy and contact policies accessible from the footer.

Hero

The Halden Hero is the primary editorial banner intended for a strong first impression and a focused commercial message.

Merchants can configure headline content, supporting text, calls to action, specifications, media and section styling.

Shop by Job

Shop by Job creates a visual collection-discovery experience. Each card can use a manually selected image or derive imagery from a selected collection.

A card can link to a selected collection or a manually configured destination.

Featured Products

Use Featured Products to surface selected products directly on the homepage using Halden's product-card system.

System Feature

System Feature is designed for product ecosystems, platforms, ranges, collections or other important commercial stories.

Configure the image, statistics, editorial content and optional destination through the Theme Editor.

Values

The Values section communicates differentiators such as product quality, specifications, support or service benefits.

Individual value blocks can display configurable icons for faster visual recognition.

Trade Benefits

Trade Benefits provides a compact row of customer confidence and service messages such as delivery, warranty, support or secure checkout.

Each benefit can display its own icon and supporting text.

Product Comparison

Product Comparison allows merchants to present several products against common specification fields.

Products can provide image, price and specification information from assigned products, while individual block settings can also be used where required.

Editorial Story

Editorial Story combines large imagery with long-form brand, product or campaign messaging.

Image position, sizing, fit, focal positioning, section dimensions and optional links can be configured independently.

Testimonials

Use Testimonials to display merchant-entered customer feedback or other approved testimonial content.

FAQ

The FAQ section uses expandable accordion items for commonly asked customer questions.

Keep answers concise and update them whenever store policies, delivery terms or product requirements change.

Newsletter

Halden includes a configurable newsletter signup section using Shopify's native customer form system.

Custom Section

The Custom Section provides a flexible content and media layout for additional merchant-created storytelling that does not fit one of Halden's more specialized sections.

Product page

Halden's product page is designed around clear media presentation, product information and purchase actions.

Product functionality

• Product media gallery
• Image thumbnails
• Variant selection
• Price and compare-at price updates
• SKU updates
• Availability status
• Quantity controls
• Add to Cart
• Dynamic checkout where available
• Product specifications
• Accordion content
• Mobile purchase experience

Variant selections automatically update the relevant product information and product URL where supported.

Collection pages

Collection pages support Shopify filtering and sorting alongside Halden product cards.

Collection features

• Collection title and description
• Optional collection image
• Product count
• Filtering
• Sorting
• Pagination
• Responsive product grid
• Quick Add for simple products
• Choose Options for products requiring variant selection

Search

Halden includes both a search results page and predictive search in the header.

Search results support products and other searchable Shopify content where available, along with filtering and responsive layouts.

Cart

The cart supports quantity updates, removal, order notes, product details, discounts where supplied by Shopify and checkout actions.

An intentional empty-cart experience is also included.

Pages, blogs and articles

Halden includes templates for standard pages, blogs, articles, collection listings and the Shopify 404 page.

Article layouts include the article title, publication metadata, featured image, content and navigation back to the blog.

Contact page

The contact template uses Shopify's native contact form and includes visible validation and form submission feedback.

Email validation and numeric phone input handling are included to improve form quality before submission.

Password page

Halden includes a dedicated storefront password experience with brand content, optional imagery, newsletter signup and storefront access form.

Incorrect storefront password feedback is presented inside the access dialog.

Images

Halden uses Shopify's responsive image system and generates multiple image widths where appropriate.

Recommendations

• Use sharp, high-resolution source images.
• Avoid uploading unnecessarily huge files.
• Use consistent product photography wherever possible.
• Use image fit controls to avoid unwanted cropping.
• Review both desktop and mobile after replacing imagery.

Responsive design

Halden is designed to adapt across desktop, tablet and mobile layouts.

Many media-led sections include separate desktop and mobile image sizing controls so merchants can fine-tune their presentation.

Accessibility

Halden includes keyboard focus styles, semantic landmarks, a skip link, accessible dialog behavior and keyboard handling across major interactive components.

Merchants remain responsible for providing meaningful alternative text for uploaded images and maintaining readable color contrast when changing theme colors.

Troubleshooting

A section has no image

Open that section in the Theme Editor and select an image. Some areas display a neutral placeholder until merchant content is configured.

A button does not appear

Check both the button label and link fields. Halden intentionally avoids creating clickable calls to action when no destination has been configured.

Choose Options appears instead of Add

Products with multiple variants normally require customers to choose their required options on the product page before adding the product to the cart.

Mega menu does not appear

Confirm that the Mega menu block's top-level menu item exactly matches the title of the navigation item configured in Shopify.

Changes are not visible

Confirm that the Theme Editor changes were saved and that you are previewing the same theme being edited.

Support

For assistance with Halden, contact:

When contacting support, include your Shopify store URL, a clear description of the issue and screenshots where helpful.

Changelog