LiqFrameStart a $99 section
← Back to the work

Inside a handoff / Morrow

See exactly what your team receives.

A native section, content your client can edit, and a documented handoff. Open the Morrow package and inspect the work before sharing your own design.

Morrow Field Bottle concept used as the visual reference for the section
Independent concept · fictional brand.
Image is a design reference, not a Shopify installation screenshot.
Source you can inspectLiquid section, CSS, JavaScript, icon asset and setup notes.
34 section settingsPlus 11 reorderable block types, defined in the included schema.
Code checked 2026-09-07Shopify Theme Check: 0 errors, 0 warnings. Local static analysis.

01 / The delivery

A build your team can take over.

This package contains the actual section source. It is an addition to an existing Online Store 2.0 theme. The store installation and runtime checks listed below are still pending.

What is in the download

  • sections/morrow-product-hero.liquidNative section
  • assets/morrow-product-hero.cssScoped styling
  • assets/morrow-product-hero.jsProduct interactions
  • assets/commerce-icons.svgLocal icons
  • docs/qa-checklist.mdAcceptance checklist
  • docs/store-verification.mdStore verification record
  • docs/theme-check-record.jsonActual check output
  • README.mdInstallation & limits

What your client can change

  • Product content. Select a catalog product, or use the current product on its product template. Override the title and description when needed.
  • Layout and appearance. Media position, Media ratio, Keep product details visible on desktop, Product title heading, Background, Text, Accent are exposed as section settings.
  • Content order. Eyebrow, Product title, Subtitle, Price, Description, Benefits, Variant picker, Quantity selector, Buy buttons, Guarantee, Trust row are defined as reorderable blocks.

Inspect the complete settings schema ↓

Inspect a real editable-content definition
{
  "type": "title",
  "name": "Product title",
  "limit": 1,
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Custom title",
      "info": "Leave blank to use the product title."
    }
  ]
}

Extracted from the downloadable section. A blank custom title falls back to the selected product’s title. This is source documentation, not a recording of Shopify’s editor.

02 / The implementation

Built around Shopify’s product form.

The native source uses Shopify’s product form and variant IDs. It includes a fallback selector for use without JavaScript, alongside enhanced product options, media and quantity controls.

Inspect the product-form source
        {% form 'product', hero_product, id: product_form_id, class: 'mph__form', novalidate: 'novalidate' %}
          {% if hero_product.has_only_default_variant %}
            <input type="hidden" name="id" value="{{ current_variant.id }}" data-variant-select>
          {% else %}
            <div class="mph__variant-fallback" data-variant-fallback>
              <label for="{{ variant_select_id }}">{{ section.settings.variant_fallback_label | escape }}</label>
              <div class="mph__select-wrap">
                <select id="{{ variant_select_id }}" name="id" required data-variant-select>
                  <option value="" disabled hidden>{{ section.settings.choose_variant_label | escape }}</option>

Exact excerpt from morrow-product-hero.liquid. The complete form and supporting logic are in the download. Get the full source ↓

The interactive sales-page preview uses a simulated cart. Native cart submission must still be verified in a Shopify store. Theme-specific cart drawers, subscriptions and app integrations require separately agreed work.

03 / The evidence

What has actually been checked.

These results apply to the downloadable Morrow source. They are technical evidence, not client testimonials, Shopify certification or a conversion-rate claim.

Recorded 2026-09-07 · Shopify CLI 4.7.1
CheckResultWhat it establishes
Shopify Theme Check0 errors · 0 warningsLocal static analysis in a minimal theme fixture. The report includes the exact command, findings and fixture files.
Section structurePassedSchema JSON, unique setting and block IDs, preset references, required files and product-form hooks.
JavaScript syntaxPassedThe supplied product-interaction script passes Node’s syntax check.
Shopify store installationPendingInstallation, saved editor changes, variant data, native cart submission and theme compatibility need a real test store.
Customer resultsNot claimedMorrow is an independent concept. There are no client results or conversion measurements attached to it.

Section SHA-256: ed2d3ef13d3dcf62bc322af882c16608a5387037a07c4e92d9e7385bce5593d6
The manifest links the record to these exact source files. About Shopify Theme Check ↗

Start with one agreed section.

Send your Figma file. We confirm the section, editable controls and acceptance criteria before payment. Start with one agreed section for $99, with two revision passes.

Share your design →