HEADLINER / SHOPIFY ONLINE STORE 2.0

Build the artist site your work deserves.

A practical setup system for releases, tour campaigns, fan growth, and focused merchandise stores. No code required.

ONLINE STORE 2.0MOBILE-FIRSTMUSIC + COMMERCESUPPORT WITHIN 2 BUSINESS DAYS

START HERE

From upload to launch.

Headliner installs with polished neutral defaults. Connect the identity, catalog, content, and links that make the storefront yours.

Upload the theme

In Shopify Admin, open Online Store > Themes and upload the Headliner theme ZIP. Keep it unpublished while you configure it.

Set your identity

Open Theme settings > Brand. Add your artist name, logo, favicon, sharing image, fonts, colors, and social profiles.

Build the campaign

Replace the hero, release cards, artist story, dates, merch collection, and newsletter copy with your real content.

Connect commerce

Create products, variants, media, inventory, shipping data, and a merch collection. Select that collection in Merch preview.

Connect every route

Assign menus, streaming destinations, ticket links, policies, contact details, and the built-in release archive.

Test before launch

Check phone, tablet, and desktop layouts. Test variants, cart, checkout, forms, search, keyboard navigation, and every public link.

Upload the theme ZIP only.

Do not upload the full Headliner Launch Kit package. The Shopify-ready ZIP is clearly named inside the kit.

FIRST INSTALL

The launch checklist.

Work on an unpublished copy and duplicate it before major changes.
Replace every neutral demo image, title, metric, link, and product sample.
Upload separate desktop and mobile hero images and review their focal points.
Add descriptive alt text and verify your color choices remain readable.
Complete products, variants, policies, contact details, and customer emails.
Place a test order using Shopify's supported test-payment workflow.

SETUP GUIDES

Make every surface intentional.

Homepage

Structure the first visit like a real campaign.

Build in this order: Artist hero, ticker, Music releases, Artist about, Tour dates, Merch preview, Newsletter signup.
Upload separate desktop and mobile hero images. Keep the performer visible and preserve clean space behind the copy.
Keep one primary action and one secondary action in the hero, typically Listen Now and Shop Merch.
Hide or remove any section that does not serve the current campaign.

Releases

Turn square artwork into a clear listening path.

Add a release block, upload square artwork, and enter a concise release type, title, and supporting line.
Add at least one intentional destination. Leave services blank when they are not used.
Leave the homepage button destination blank to use Headliner's built-in release archive, or choose a custom page when needed.
Keep labels short enough to remain legible on phone, tablet, and desktop cards.

SpotifyApple MusicSoundCloudYouTubeBandcampPrimary link

Tour dates

Publish only dates that fans can act on.

Add date, city, venue, status, ticket label, and a direct ticket URL for each show.
Keep the section hidden when there are no current or upcoming dates.
Ticket-provider syncing requires a compatible Shopify app or custom integration and is not included with the theme.

Merch + products

Connect real Shopify data before styling the drop.

Create products in Shopify with complete media, price, description, inventory, shipping data, and policies.
Connect each option value to the matching product image so color and media selection stay synchronized.
Add products to a collection, then select that collection in Merch preview.
Test variants, unavailable states, quantity, dynamic checkout, cart updates, discounts, and checkout.

Rich mediaDynamic checkoutSelling plansPickupUnit pricingRecommendationsApp blocks

FEATURE REFERENCE

Know what Headliner handles.

These guides cover the storefront systems included in Headliner and the Shopify configuration each one expects.

Header, navigation, mobile menu, and top bar

Upload a logo in Header or keep the artist-name fallback. Test landscape, portrait, square, and transparent PNG logos at the configured width.
Assign the main menu in Header and the footer menu in Footer. Shopify menus can include three nested levels; keep labels concise and verify every destination.
The mobile menu traps keyboard focus while open, closes with Escape, and returns focus to its menu button. Recheck this behavior after adding app blocks or custom code.
The top bar can be hidden, linked, recolored, and rewritten. Use one timely message and avoid fake scarcity, countdowns, or unsupported claims.

Product media, variants, selling plans, and pickup

Product pages support images, hosted video, YouTube or Vimeo media, 3D models, thumbnails, zoom, and previous or next media controls. Add accurate alt text in Shopify product media.
Variant selectors support dropdowns, buttons, and Shopify color or image swatches. Assign variant media in the product admin so selecting an option updates the gallery.
Selling plans, Shop Pay installments, payment terms, dynamic checkout, pickup availability, unit pricing, and gift-card recipient fields appear only when Shopify and the product are eligible.
Use Product information blocks to arrange title, price, variants, quantity, buy buttons, pickup, description, collapsible rows, Custom Liquid, and app blocks without editing code.

Cart, discounts, and checkout

Cart displays product media, options, selling plans, line properties, discounts, unit prices, quantities, notes, totals, taxes, checkout, and eligible accelerated checkout buttons.
Automatic discounts and discount codes are configured in Shopify Admin. Headliner displays Shopify's resulting allocations; it does not create or simulate discounts.
Test quantity changes, removal, inventory errors, empty cart, cart notes, discounts, shipping, accelerated checkout, and a supported test payment before launch.
Checkout layout and payment processing are controlled by Shopify. Theme support covers the storefront handoff, not checkout customization or payment-provider configuration.

Search, collections, blog, and pages

Predictive search appears from the header search control. Search results support products, articles, and pages, including no-results messaging, filters, sorting, and pagination.
Collection pages support collection imagery and descriptions, sorting, optional Shopify storefront filters, pagination, sale states, price ranges, unit pricing, and empty states.
Blog and article templates support featured images, excerpts, dates, pagination, and article comments when comments are enabled. Use authentic editorial content in the demo store.
Use the standard page template for policies and general content, page.contact for the Shopify contact form, page.faq for common questions, and the built-in 404 and password templates for utility states.

Colors, typography, images, video, and motion

Set body and heading fonts with Shopify font pickers. Use the global color settings to maintain readable text, surfaces, accents, borders, and controls.
Use separate mobile image settings where provided, then adjust desktop and mobile focal positions so important subjects remain visible at each breakpoint.
Video sections support YouTube and Vimeo. Product-hosted video and 3D media are managed from the Shopify product admin.
Global animations can be disabled. Headliner also honors the visitor's reduced-motion preference by stopping or simplifying nonessential motion.

Localization, Shopify Markets, and app blocks

Enable countries or regions, languages, and currencies in Shopify Markets. Then show the localization selectors in Footer and verify translated navigation, prices, and routes.
Currency conversion, duties, taxes, and market availability come from Shopify configuration. Headliner renders Shopify's localized output and routes.
Add app blocks from the theme editor where supported. Product information, Featured product, and the Apps section provide insertion points without making core storefront behavior depend on an app.
Use Custom Liquid only for trusted, documented snippets. Duplicate the theme first and remove the snippet when diagnosing a storefront issue.

Theme updates, backups, and troubleshooting

Duplicate the current theme before updates or custom-code work. Record app blocks, Custom Liquid, templates, navigation, and market settings before replacing a theme version.
Upload updates as an unpublished theme, migrate settings in the theme editor, test the full storefront, and publish only after the new copy passes checkout and responsive QA.
For a problem, reproduce it on an unmodified Headliner copy, note the URL, browser, device, expected result, actual result, and exact steps, then attach screenshots or a short recording.
Custom code, third-party apps, content entry, domains, business operations, and bespoke design work are outside included theme support. A Shopify Partner can help with custom implementation.

DEMO RECREATION

Build the Aglet look without shipping Aglet defaults.

Aglet is Headliner's rights-owned demonstration artist. The installable theme stays neutral so every buyer starts with a clean foundation.

Use black performance environments, cyan and magenta light, square release art, restrained motion, and focused merch.
Present four complete releases on the homepage and connect the built-in archive for the full catalog.
Use owned artist photography, concise biography copy, and static proof points that can be substantiated.
Complete contact, news, search, cart, collection, product, password, 404, gift card, policy, and FAQ surfaces.

Green and cyan abstract release artwork demonstrating Headliner's square release system

FREQUENTLY ASKED QUESTIONS

Answers before you need a ticket.

Why is a feature not visible?

Many commerce features render only when Shopify has eligible data or configuration. Confirm the product, market, payment, pickup, selling-plan, recommendation, account, or app setting first.

Can support customize my store?

Included support covers Headliner setup guidance, existing settings, and reproducible defects in unmodified theme code. Custom design, code, content entry, and app integrations are separate work.

How should I report a critical bug?

Open a support ticket, choose the closest technical category, begin the subject with CRITICAL, and include the affected storefront URL, impact, reproduction steps, browser or device, screenshots, and recent changes.

What should every support ticket include?

Include your store URL, Headliner version, preview URL when unpublished, browser and device, expected and actual behavior, exact reproduction steps, screenshots or video, and whether the issue reproduces on an unmodified copy.

How quickly will I hear back?

The response target is within two business days. Critical reproducible defects that prevent browsing or purchasing are prioritized. Response time is a target, not a guaranteed resolution time.

Does Headliner guarantee accessibility or app compatibility?

No theme can guarantee compliance for merchant content, color choices, apps, or custom code. Headliner provides accessible foundations and Shopify app-block support; merchants remain responsible for their complete storefront.

HEADLINER SUPPORT

Clear answers, without the runaround.

Support covers documented setup guidance, reproducible Headliner defects, compatibility with supported Shopify theme features, and clarification of existing settings.

Included

Theme installation and documented setup guidance
Reproducible defects in unmodified Headliner code
Clarification of existing settings and templates
Supported Shopify theme-feature compatibility

Not included

Custom design, code, integrations, or content entry
Third-party app, checkout, or platform debugging
Domains, hosting fees, products, or business operations
Legal, tax, accessibility, or compliance certification

Response target: within two business days.

Critical, reproducible theme defects are prioritized. Email Aglet@agletmusic.com when the ticket portal is unavailable.

Submit a support ticket