Shopify上订阅盒：主题元对象

有男子护发之品牌，设主题订阅盒——"夏日护热"、"冬时润肤"、"行旅必备"——欲各主题显于首页主图、博客横幅及专属品集页面。每主题需配图像、描述、品数，并附所含具体产品之链接。

旧法：每有新箱推出，必手更三处。商贾之内容团队绕过开发者。开发者维持唯季更之节。

Shopify之正道：一而定义主题为元象；万面皆源一处而呈之。

临时之式，不可广施

主题编辑器中，每主题定制段落硬编码。新主题需有匠者，每季增新章。文脉流转，系匠者所系。主题渐隐（不复彰显），则遗冗码于后。

每主题之主题设置JSON。商贾可编辑JSON，然无开发者之助，不能创制新条目。当物产增减于箱中时，产品计数之域渐失其序。

于网店页面，以元字段复制内容于诸页之间。锁定内容于特定页之资源；不可复用于博客文章或邮件模板。

元对象之范式

元对象之定义：box_theme

name - 独行之文（如"夏日防晒"）。
tagline - 独行之文。
description - 丰文。
hero_image - 文件引据
featured_products - 产品引据之列
product_count - 源于精选产品之列大小或人工维护
active_from - 日期
active_until - 日期

每一主题各立一條。內容隊伍自內容至元對象管理此列

主题所現處無處不呈現之

同一元對象兼顧：

首頁英豪區：

{% assign current_theme = shop.metaobjects.box_theme.values
  | where: 'active_from', '<=', 'today'
  | where: 'active_until', '>=', 'today'
  | first %}

{% if current_theme %}
  <section class="hero-theme">
    <img src="{{ current_theme.hero_image | image_url: width: 1600 }}"
         alt="{{ current_theme.name }}" />
    <h1>{{ current_theme.name }}</h1>
    <p>{{ current_theme.tagline }}</p>
    <p>{{ current_theme.featured_products.value.size }} products inside</p>
  </section>
{% endif %}

博客横幅（同元對象，異模板）：

<section class="blog-banner">
  <h2>Featured this month: {{ current_theme.name }}</h2>
  {{ current_theme.description | metafield_tag }}
</section>

主題合集頁面顯示實際產品於盒中：

<h1>{{ current_theme.name }}</h1>
<ul class="product-grid">
  {% for product in current_theme.featured_products.value %}
    {% render 'product-card', product: product %}
  {% endfor %}
</ul>

一数据输入，三渲染之面，无复之。

战役调度

吾active_from/active_until日期字段使商贾得提前预定将来之主题。今所创主题，若日期在后者，必待其启始之期方显于首页——内容团队可于正月预备Q2之主题。

清液筛之，现启之条，无复手易节之劳。

何独元域不足应此

元字段栖于特定之资源——产品、页面或博客文章。订阅主题之数据需独立存之，显于众页。元对象乃全店结构化数据之层级，元字段所不能充者。

早有商贾所试之术：将主题数据置于Shopify页面，于模板中通过页面ID引用。虽可行，然脆弱——删除页面则万事皆崩。Metaobjects乃为此而设；页面资源非也。

設定時程 + 自動化

大商贾者，合之Shopify Flow：

定时自化，检视元象之条目
主题将届，则发警讯
自行刊发次主题相系之博文

主题化为此容物，容司可定时、审阅、推行，不触主题之码

管理者之体验，亦关紧要

商贾治此条目者，欣然有得：

一清之目所列（凡诸主题），立现于前
按日期排序，区分未来/进行中/过往之观览
预览之能（观主题之呈于未定之前）
批量操作（终止所有过往主题，为下一季度复制）

Shopify 之元对象管理界面，多能自处。若元对象集繁，可定制管理 Power App 或 Polaris App 以延其程。

何船配此纹

备业可用之订阅内容架构，具：

元对象定义匹配所需内容字段
预先为计划之战役所立之条目
主题之区，于首页、博客、集合间动态呈示元对象
以日期为据之筛选，俾未来之内容不早现
管理之流程，使内容之众可自为，无需开发者之手转
可选之流自动化，为预定之变过渡

其利：开发者永不再手动更替活动内容。内容管理者自主其界面。主题代码历活动周期而稳定。

推薦訂閱源

DEV Community