Deivisoft Themes

Dossier (working folder: themes/folio)

Listing name: Dossier. The theme was developed under the working name Folio; the Shopify Theme Store listing and preset name must be Dossier because Folio is already used by another Theme Store theme.

An editorial campaign and drop-commerce Shopify theme for fashion, streetwear, accessories, and limited editions.
Version 0.1.0 · Shopify Online Store 2.0 · Liquid, JSON templates, native CSS/JS

1. Purpose

Folio is built for brands that sell through campaigns, drops, and stories. It connects magazine-grade content to purchasable capsules, lookbooks, and fit guidance.

The theme is aimed at fashion, streetwear, accessories, art, and limited-edition brands with strong art direction and 4–12 drops per year.

2. What is included

  • Complete Online Store 2.0 theme.
  • Full-bleed campaign hero with oversized typography and issue label.
  • Drop calendar with live, upcoming, and past states.
  • Shoppable lookbook with hotspots.
  • Capsule navigation by story.
  • Asymmetric editorial grid.
  • Fit guide table.
  • Product page with editorial media, drop status, story, fit guide, lookbook, and care.
  • Collection page with an asymmetric editorial grid.
  • Predictive search, cart drawer, cart page, account component, gift card, password, 404, blog, article, and contact templates.
  • Licensed Shopify Burst photography and vector fallbacks in demo/.

3. Requirements

  • Shopify store with the Online Store channel.
  • Shopify CLI 4.x or admin theme upload.
  • Optional metafields for campaign name, lookbook URL, drop status, and fit guide.
  • Licensed campaign photography for production.

4. Installation

npx shopify theme dev --store your-store.myshopify.com --path themes/folio
npx shopify theme push --store your-store.myshopify.com --path themes/folio --unpublished

Or upload a ZIP of themes/folio in Online Store → Themes → Add theme → Upload ZIP file.

5. Configuration

Theme editor

  • Colors — paper, ink, vermilion, stone.
  • Typography — Playfair Display headings, Archivo body.
  • Header — logo, menu, account menu.
  • Product — issue label, pickup/payment settings.
  • Homepage — campaign hero, drop calendar, lookbook, capsule navigation, editorial grid, fit guide, featured collection, newsletter.
  • Footer — issue label, tagline, newsletter, menus, payment icons.

Metafields

Metafield Type Used by
custom.campaign Single-line text Product card campaign label
custom.lookbook_url URL Product card "Shop the look" link
custom.drop_status Single-line text Product page drop status
custom.fit_guide Rich text Product page fit guide fallback

Drops

The drop calendar is intentionally manual: it uses merchant-entered dates and statuses. It does not fabricate countdowns or scarcity. Set the status to live, upcoming, or past in the section blocks.

Lookbook

  1. Upload a campaign image in the Lookbook section.
  2. Add hotspot blocks with a product, label, and position.
  3. On touch devices, the first tap reveals the label; a second tap follows the product link. On hover devices, the label appears on hover.

Fit guide

Add size rows in the Fit guide section. Keep measurements in a consistent unit and state the model's height/wearing size in the section text.

6. Customisation

  • assets/theme.css — Folio art direction: campaign hero, editorial grid, capsule cards, drop calendar, lookbook, fit table, masthead footer.
  • assets/theme.js — touch-friendly lookbook hotspots; shared motion lives in assets/base.js.
  • sections/hero-campaign.liquid, drop-calendar.liquid, lookbook.liquid, capsule-nav.liquid, editorial-grid.liquid, fit-guide.liquid.
  • snippets/product-card.liquid — portrait card with campaign label and lookbook link.
  • locales/en.default.json — storefront strings.

7. Validation status

  • shopify theme check: 0 errors, 0 warnings at the time of writing.
  • Structural validator passes required templates, sections, JSON, and account/localization checks.
  • Live-store installation, home/product/collection/cart/search, add-to-cart, and Lighthouse home-page audits were executed on the branded demo stores. Checkout, app-dependent flows, and template-level Lighthouse runs remain unmeasured. See docs/05-validation-report.md.

8. Known limitations

  • The drop calendar is manual and does not integrate with a launch scheduler or countdown app.
  • The lookbook is image-hotspot based; it does not include a full editorial page builder.
  • The demo photography is licensed from Shopify Burst. The SVG illustrations remain available as offline fallbacks in demo/<theme>/images/.
  • The theme_info documentation/support URLs point to deivisoft.eu. Publish the documentation and support pages before submission.
  • One preset ships at launch. Additional presets require a /listings folder and separate demo stores.
  • Theme Store acceptance is not guaranteed.

9. Support and license

See LICENSE.md and the root THIRD_PARTY_NOTICES.md. No third-party JavaScript libraries or font files are bundled. Theme support covers bugs and documented configuration, not custom design or code.

FAQ

How do I install the theme?

Install the ZIP from the Theme Store or upload it under Online Store → Themes → Add theme → Upload ZIP file. Then publish or preview the theme.

Does the theme require apps?

No. The core experience uses native Shopify features. App blocks are available for optional integrations such as reviews, subscriptions, or wholesale pricing.

How do I get support?

Use the support form. Include your store URL, theme name, and a description of the issue. We reply within two business days.

How do updates work?

Theme Store purchases include updates. Download the latest version from the Theme Store or your Shopify admin and apply it to a duplicate of your theme before publishing.