拆解 Anker 3C 独立站：Shopify 商品页怎样讲清优惠与多口功率？

{%- comment -%}
  文件：sections/anker-3c-flagship-pdp.liquid
  设计参考：Anker Prime Charger (160W, 3 Ports, Smart Display - A2687) & UGREEN Nexode Pro
  功能：
    1. 顶部吸顶锚点导航栏 (Purchase | Power Allocation | Specs | FAQ | Manual PDF)
    2. 3C 旗舰购买增强框（页内一键复制 Coupon + 内嵌领券 FAQ + 10+件免询盘阶梯批发价实时计算）
    3. 交互式「单口 / 双口 / 三口功率分配模拟器」（直观展示 C1/C2/C3 实时瓦数、所需线材等级与连接设备）
{%- endcomment -%}

<style>
  .ak-sec-{{ section.id }} {
    --ak-bg-dark: #0B0E14;
    --ak-card-dark: #141923;
    --ak-border-dark: #252E3F;
    --ak-blue: #00A9E0;
    --ak-green: #00E676;
    --ak-amber: #FFB300;
    --ak-text-light: #F8FAFC;
    --ak-text-muted: #94A3B8;
    --ak-font: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;

    background-color: var(--ak-bg-dark);
    color: var(--ak-text-light);
    font-family: var(--ak-font);
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }

  /* 1. 详情页吸顶二级导航栏 (Sticky Sub-Nav) */
  .ak-sticky-bar {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(11, 14, 20, 0.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--ak-border-dark);
    padding: 12px 0;
  }
  .ak-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .ak-sticky-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
  .ak-nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    font-size: 0.875rem;
    font-weight: 600;
  }
  .ak-nav-links a {
    color: var(--ak-text-muted);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .ak-nav-links a:hover {
    color: var(--ak-blue);
  }
  .ak-sticky-cta {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .ak-sticky-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--ak-text-light);
  }
  .ak-btn-primary {
    background: linear-gradient(135deg, #00A9E0 0%, #0077FF 100%);
    color: #FFFFFF;
    border: none;
    border-radius: 999px;
    padding: 10px 22px;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }
  .ak-btn-primary:hover {
    opacity: 0.9;
  }

  /* 2. 首屏购买增强与四层价格锚点区 */
  .ak-hero-grid {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 32px;
    padding-top: {{ section.settings.padding_top }}px;
    margin-bottom: 56px;
  }
  @media screen and (max-width: 960px) {
    .ak-hero-grid {
      grid-template-columns: 1fr;
    }
  }

  .ak-buybox-card {
    background-color: var(--ak-card-dark);
    border: 1px solid var(--ak-border-dark);
    border-radius: 20px;
    padding: 28px;
  }
  .ak-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
  }
  .ak-pill-award {
    background: rgba(0, 169, 224, 0.15);
    color: var(--ak-blue);
    border: 1px solid rgba(0, 169, 224, 0.35);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 999px;
  }
  .ak-prod-title {
    font-size: clamp(1.5rem, 2.6vw, 2.125rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 10px;
  }
  .ak-rating-line {
    font-size: 0.875rem;
    color: var(--ak-amber);
    margin-bottom: 20px;
  }
  .ak-rating-line span {
    color: var(--ak-text-muted);
    margin-left: 6px;
  }

  /* 一键复制折扣码条 + 页内防跳失 FAQ */
  .ak-coupon-box {
    background: rgba(0, 230, 118, 0.08);
    border: 1px dashed var(--ak-green);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 18px;
  }
  .ak-coupon-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
  }
  .ak-coupon-text {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ak-green);
  }
  .ak-copy-btn {
    background-color: var(--ak-green);
    color: #0B0E14;
    border: none;
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
  }
  .ak-coupon-faq {
    margin-top: 10px;
    font-size: 0.75rem;
    color: var(--ak-text-muted);
  }
  .ak-coupon-faq summary {
    cursor: pointer;
    color: var(--ak-text-light);
    font-weight: 600;
  }

  /* 数量选择器与 10+ 件免询盘阶梯批发价实时联动 */
  .ak-bulk-row {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--ak-border-dark);
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 20px;
  }
  .ak-qty-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .ak-qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--ak-border-dark);
    border-radius: 8px;
    overflow: hidden;
  }
  .ak-qty-btn {
    background: var(--ak-bg-dark);
    color: var(--ak-text-light);
    border: none;
    width: 34px;
    height: 34px;
    font-size: 1rem;
    cursor: pointer;
  }
  .ak-qty-input {
    width: 48px;
    height: 34px;
    text-align: center;
    background: transparent;
    color: var(--ak-text-light);
    border: none;
    font-weight: 700;
  }
  .ak-bulk-hint {
    font-size: 0.8125rem;
    color: var(--ak-blue);
    margin: 0;
    font-weight: 600;
  }

  /* 3. 右侧：多口动态功率分配模拟器 (1口 / 2口 / 3口) */
  .ak-sim-card {
    background-color: var(--ak-card-dark);
    border: 1px solid var(--ak-border-dark);
    border-radius: 20px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .ak-mode-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 16px 0 22px;
  }
  .ak-mode-btn {
    background: var(--ak-bg-dark);
    color: var(--ak-text-muted);
    border: 1px solid var(--ak-border-dark);
    border-radius: 12px;
    padding: 12px 10px;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
  }
  .ak-mode-btn.is-active {
    background: rgba(0, 169, 224, 0.14);
    color: var(--ak-blue);
    border-color: var(--ak-blue);
  }

  /* 模拟机身智能数显屏 (AnkerSense View Display) */
  .ak-smart-screen {
    background: #05070B;
    border: 2px solid #2A364B;
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 20px;
  }
  .ak-screen-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #1E293B;
    font-size: 0.75rem;
    color: var(--ak-text-muted);
  }
  .ak-total-watt {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--ak-green);
  }
  .ak-port-bars {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .ak-port-row {
    display: grid;
    grid-template-columns: 76px 1fr 68px;
    align-items: center;
    gap: 12px;
    font-size: 0.8125rem;
  }
  .ak-port-name {
    font-weight: 700;
    color: var(--ak-text-light);
  }
  .ak-bar-track {
    height: 10px;
    background: #1E293B;
    border-radius: 999px;
    overflow: hidden;
  }
  .ak-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #00A9E0 0%, #00E676 100%);
    border-radius: 999px;
    transition: width 0.35s ease;
  }
  .ak-port-watt {
    text-align: right;
    font-weight: 800;
    color: var(--ak-blue);
  }
  .ak-port-device {
    grid-column: 2 / 4;
    font-size: 0.75rem;
    color: var(--ak-text-muted);
    margin-top: -6px;
  }

  .ak-cable-note {
    background: rgba(255, 179, 0, 0.1);
    border-left: 3px solid var(--ak-amber);
    padding: 12px 14px;
    border-radius: 0 10px 10px 0;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #E2E8F0;
  }
</style>

<section class="ak-sec-{{ section.id }}" data-section-id="{{ section.id }}">
  {%- comment -%} 1. 详情页吸顶锚点导航栏 {%- endcomment -%}
  <div class="ak-sticky-bar">
    <div class="ak-wrap ak-sticky-inner">
      <nav class="ak-nav-links" aria-label="商品详情页内导航">
        <a href="#AkPurchase-{{ section.id }}">Purchase</a>
        <a href="#AkPowerSim-{{ section.id }}">Power Allocation</a>
        <a href="#AkSpecs-{{ section.id }}">Specs &amp; Notes</a>
        {%- if section.settings.manual_pdf_url != blank -%}
          <a href="{{ section.settings.manual_pdf_url }}" target="_blank" rel="noopener">📄 User Guide (PDF)</a>
        {%- endif -%}
      </nav>
      <div class="ak-sticky-cta">
        <span class="ak-sticky-price" id="AkStickyPrice-{{ section.id }}">${{ section.settings.retail_price }}</span>
        <a href="#AkPurchase-{{ section.id }}" class="ak-btn-primary">查看示例购买信息</a>
      </div>
    </div>
  </div>

  <div class="ak-wrap">
    <div class="ak-hero-grid" id="AkPurchase-{{ section.id }}">
      {%- comment -%} 2. 左侧：四层价格锚点购买框 {%- endcomment -%}
      <div class="ak-buybox-card">
        <div class="ak-badge-row">
          <span class="ak-pill-award">{{ section.settings.award_badge | escape }}</span>
          <span class="ak-pill-award" style="color:#00E676;border-color:rgba(0,230,118,0.35);background:rgba(0,230,118,0.1);">
            {{ section.settings.delivery_estimate | escape }}
          </span>
        </div>

        <h2 class="ak-prod-title">{{ section.settings.product_title | escape }}</h2>
        <div class="ak-rating-line">
          <span>教学示例 · Model: {{ section.settings.model_number | escape }}</span>
        </div>

        {%- comment -%} 防跳失一键复制折扣码 + 内嵌 FAQ {%- endcomment -%}
        {%- if section.settings.coupon_code != blank -%}
        <div class="ak-coupon-box">
          <div class="ak-coupon-main">
            <span class="ak-coupon-text">
              🔥 Save ${{ section.settings.coupon_save }} with configured code: <u id="AkCodeVal-{{ section.id }}">{{ section.settings.coupon_code | escape }}</u>
            </span>
            <button type="button" class="ak-copy-btn" id="AkCopyBtn-{{ section.id }}">Copy Code</button>
          </div>
          <details class="ak-coupon-faq">
            <summary>Discount Code FAQ（不用跳出页面，点此查看用券说明）</summary>
            <p style="margin:6px 0 0;line-height:1.5;">
              1. 这里展示商家配置的优惠说明，是否可用须以 Shopify 后台折扣条件及结账结果为准；<br>
              2. 下方只做参考估算：订单优惠与 10+ 件参考价择低，不表示它们可以叠加，也不创建实际折扣。
            </p>
          </details>
        </div>

        {%- endif -%}

        {%- comment -%} 数量与阶梯价教学估算；后台优惠需另行配置 {%- endcomment -%}
        <div
          class="ak-bulk-row"
          id="AkBulkCalc-{{ section.id }}"
          data-retail="{{ section.settings.retail_price }}"
          data-coupon="{% if section.settings.coupon_code != blank %}{{ section.settings.coupon_save | escape }}{% else %}0{% endif %}"
          data-bulk="{{ section.settings.bulk_unit_price }}"
        >
          <div class="ak-qty-controls">
            <div>
              <div style="font-size:0.75rem;color:var(--ak-text-muted);">示例参考合计（不改变结账）</div>
              <div style="font-size:1.375rem;font-weight:800;" id="AkLiveTotal-{{ section.id }}">
                等待计算
              </div>
            </div>

            <div class="ak-qty-stepper">
              <button type="button" class="ak-qty-btn" id="AkQtyMinus-{{ section.id }}" aria-label="减少数量">−</button>
              <input type="number" class="ak-qty-input" id="AkQtyInput-{{ section.id }}" value="1" min="1" max="99" aria-label="购买数量">
              <button type="button" class="ak-qty-btn" id="AkQtyPlus-{{ section.id }}" aria-label="增加数量">+</button>
            </div>
          </div>

          <p class="ak-bulk-hint" id="AkBulkStatus-{{ section.id }}">
            10+ 件参考单价：${{ section.settings.bulk_unit_price | escape }}。本组件只展示估算。
          </p>
        </div>

        <button type="button" class="ak-btn-primary" disabled aria-disabled="true" style="width:100%;padding:14px;font-size:1rem;">
          加购入口演示 · 需连接真实商品与购物车
        </button>
      </div>

      {%- comment -%} 3. 右侧：多口动态功率分配交互模拟器 (1口 / 2口 / 3口) {%- endcomment -%}
      <div class="ak-sim-card" id="AkPowerSim-{{ section.id }}">
        <div>
          <div style="font-size:0.75rem;font-weight:700;color:var(--ak-blue);text-transform:uppercase;letter-spacing:0.08em;">
            USB-C Power Allocation · Teaching Demo
          </div>
          <h3 style="font-size:1.375rem;margin:6px 0 4px;">
            多口输出功率怎么分？切换教学预设
          </h3>
          <p style="font-size:0.8125rem;color:var(--ak-text-muted);margin:0;">
            切换下方连接模式，查看教学预设的 USB-C1 / C2 / C3 功率。真实分配以设备需求、协议、模式与官方资料为准：
          </p>

          <div class="ak-mode-tabs" role="group" aria-label="功率分配教学模式">
            <button
              type="button"
              class="ak-mode-btn is-active" aria-pressed="true"
              data-mode-total="示例合计 140W"
              data-c1-w="140" data-c1-label="140W PD 3.1 (Anker 协议最高 150W)" data-c1-dev="💻 16&quot; MacBook Pro （教学设备标签） 或 Anker Prime 300W 充电宝"
              data-c2-w="0" data-c2-label="0W (空闲)" data-c2-dev="未连接设备"
              data-c3-w="0" data-c3-label="0W (空闲)" data-c3-dev="未连接设备"
              data-note="单口盲插：C1 / C2 / C3 任意单口均支持 28V⎓5A (140W PD 3.1)；开启 AI Mode 2.0 搭配 5A/EPR 线材为 Anker Prime 充电宝回血可达 28V⎓5.36A (150W Max)。"
            >
              🔌 单口极限模式<br><span style="font-size:0.6875rem;font-weight:400;">1 Port in Use</span>
            </button>

            <button
              type="button"
              class="ak-mode-btn" aria-pressed="false"
              data-mode-total="示例合计 140W"
              data-c1-w="70" data-c1-label="70W (或 100W 主口优先)" data-c1-dev="💻 主力笔记本 (MacBook Pro / Dell XPS)"
              data-c2-w="70" data-c2-label="70W (或 60W 副口)" data-c2-dev="💻 第二台办公笔记本 (Dual-Laptop Mode)"
              data-c3-w="0" data-c3-label="0W (空闲)" data-c3-dev="未连接设备"
              data-note="教学预设为 70W + 70W，当前合计 140W，低于 160W 总预算。这不是 A2687 的固定官方分配表；实际输出取决于设备、线材和充电模式。"
            >
              💻💻 双口双笔电<br><span style="font-size:0.6875rem;font-weight:400;">2 Ports in Use</span>
            </button>

            <button
              type="button"
              class="ak-mode-btn" aria-pressed="false"
              data-mode-total="示例合计 160W"
              data-c1-w="100" data-c1-label="100W 高速快充" data-c1-dev="💻 16&quot; MacBook Pro"
              data-c2-w="30" data-c2-label="30W PD 快充" data-c2-dev="📱 iPhone 16/17 Pro Max"
              data-c3-w="30" data-c3-label="30W PD 快充" data-c3-dev="平板 11&quot; iPad Pro"
              data-note="教学预设为 100W + 30W + 30W，合计 160W。品牌的同等充电时间结论仅对应其具体设备和实验条件，不是此模拟器的测量结果。"
            >
              ⚡ 三口满载全家桶<br><span style="font-size:0.6875rem;font-weight:400;">3 Ports in Use</span>
            </button>
          </div>

          <div class="ak-smart-screen">
            <div class="ak-screen-top">
              <span>教学功率显示 · 总预算 160W</span>
              <span class="ak-total-watt" id="AkSimTotal-{{ section.id }}">示例合计 140W</span>
            </div>

            <div class="ak-port-bars">
              <div class="ak-port-row">
                <span class="ak-port-name">USB-C1</span>
                <div class="ak-bar-track"><div class="ak-bar-fill" id="AkBarC1-{{ section.id }}" style="width:87.5%;"></div></div>
                <span class="ak-port-watt" id="AkWattC1-{{ section.id }}">140W</span>
                <div class="ak-port-device" id="AkDevC1-{{ section.id }}">💻 16" MacBook Pro （教学设备标签）</div>
              </div>

              <div class="ak-port-row">
                <span class="ak-port-name">USB-C2</span>
                <div class="ak-bar-track"><div class="ak-bar-fill" id="AkBarC2-{{ section.id }}" style="width:0%;"></div></div>
                <span class="ak-port-watt" id="AkWattC2-{{ section.id }}">0W</span>
                <div class="ak-port-device" id="AkDevC2-{{ section.id }}">未连接设备</div>
              </div>

              <div class="ak-port-row">
                <span class="ak-port-name">USB-C3</span>
                <div class="ak-bar-track"><div class="ak-bar-fill" id="AkBarC3-{{ section.id }}" style="width:0%;"></div></div>
                <span class="ak-port-watt" id="AkWattC3-{{ section.id }}">0W</span>
                <div class="ak-port-device" id="AkDevC3-{{ section.id }}">未连接设备</div>
              </div>
            </div>
          </div>
        </div>

        <div id="AkSpecs-{{ section.id }}">
        <div class="ak-cable-note" id="AkSimNote-{{ section.id }}">
          <strong>⚠️ 线材与协议前提：</strong>屏幕会自动识别插入的线材等级——60W 普通线显示 "3A Cable"，100W 线显示 "5A Cable"，240W 线显示 "EPR Cable"。A2687 的 140W 要求合适的 EPR 线材；150W 为特定 Anker 协议及兼容设备条件，不能由此模拟器保证。
        </div>
        </div>
      </div>
    </div>
  </div>
</section>

<script>
  (function() {
    var sec = document.querySelector('.ak-sec-{{ section.id }}');
    if (!sec) return;

    /* 1. 一键复制折扣码 */
    var copyBtn = sec.querySelector('#AkCopyBtn-{{ section.id }}');
    var codeVal = sec.querySelector('#AkCodeVal-{{ section.id }}');
    if (copyBtn && codeVal) {
      copyBtn.addEventListener('click', function() {
        if (!navigator.clipboard) { copyBtn.textContent = '请手动复制上方代码'; return; }
        navigator.clipboard.writeText(codeVal.textContent.trim()).then(function() {
          copyBtn.textContent = 'Copied ✓';
        }).catch(function() { copyBtn.textContent = '复制失败，请手动复制'; });
        setTimeout(function() { copyBtn.textContent = 'Copy Code'; }, 3000);
      });
    }

    /* 2. 数量步进与 10+ 件免询盘阶梯批发价实时计算 */
    var bulkBox = sec.querySelector('#AkBulkCalc-{{ section.id }}');
    var qtyInput = sec.querySelector('#AkQtyInput-{{ section.id }}');
    var minusBtn = sec.querySelector('#AkQtyMinus-{{ section.id }}');
    var plusBtn = sec.querySelector('#AkQtyPlus-{{ section.id }}');
    var liveTotal = sec.querySelector('#AkLiveTotal-{{ section.id }}');
    var bulkStatus = sec.querySelector('#AkBulkStatus-{{ section.id }}');
    var stickyPrice = sec.querySelector('#AkStickyPrice-{{ section.id }}');

    var retail = parseFloat(bulkBox.getAttribute('data-retail') || '149.99');
    var coupon = parseFloat(bulkBox.getAttribute('data-coupon') || '34.00');
    var bulkUnit = parseFloat(bulkBox.getAttribute('data-bulk') || '102.05');

    function updatePricing() {
      var entered = Number(qtyInput.value);
      var q = Number.isFinite(entered) ? Math.min(99, Math.max(1, Math.trunc(entered))) : 1;
      qtyInput.value = String(q);
      if (![retail, coupon, bulkUnit].every(function(n) { return Number.isFinite(n) && n >= 0; })) {
        liveTotal.textContent = '请检查示例价格配置';
        bulkStatus.textContent = '只接受非负、有限数值。';
        stickyPrice.textContent = '—';
        return;
      }
      var regular = Math.max(0, retail * q - coupon);
      var bulk = q >= 10 ? bulkUnit * q : Infinity;
      var useBulk = bulk < regular;
      var estimate = Math.min(regular, bulk).toFixed(2);
      liveTotal.textContent = '$' + estimate + '（' + q + ' 件参考合计）';
      bulkStatus.textContent = useBulk
        ? '教学估算采用 10+ 件参考价，不表示后台已配置相同折扣。'
        : '教学估算采用订单优惠参考价；数量、资格及最终价格以结账为准。';
      stickyPrice.textContent = '$' + estimate;
    }

    minusBtn.addEventListener('click', function() {
      qtyInput.value = String(Math.max(1, parseInt(qtyInput.value || '1', 10) - 1));
      updatePricing();
    });
    plusBtn.addEventListener('click', function() {
      qtyInput.value = String(parseInt(qtyInput.value || '1', 10) + 1);
      updatePricing();
    });
    qtyInput.addEventListener('change', updatePricing);
    updatePricing();

    /* 3. 多口功率分配模拟器切换 */
    var modeBtns = sec.querySelectorAll('.ak-mode-btn');
    var simTotal = sec.querySelector('#AkSimTotal-{{ section.id }}');
    var simNote = sec.querySelector('#AkSimNote-{{ section.id }}');

    modeBtns.forEach(function(btn) {
      btn.addEventListener('click', function() {
        modeBtns.forEach(function(b) { b.classList.toggle('is-active', b === btn); b.setAttribute('aria-pressed', String(b === btn)); });
        simTotal.textContent = btn.getAttribute('data-mode-total');

        ['c1', 'c2', 'c3'].forEach(function(port, idx) {
          var num = idx + 1;
          var w = parseInt(btn.getAttribute('data-' + port + '-w') || '0', 10);
          var pct = Math.min(100, Math.round((w / 160) * 100));
          sec.querySelector('#AkBarC' + num + '-{{ section.id }}').style.width = pct + '%';
          sec.querySelector('#AkWattC' + num + '-{{ section.id }}').textContent = w + 'W';
          sec.querySelector('#AkDevC' + num + '-{{ section.id }}').textContent = btn.getAttribute('data-' + port + '-dev');
        });

        simNote.textContent = '模式前提与线材要求：' + btn.getAttribute('data-note');
      });
    });
  })();
</script>

{% schema %}
{
  "name": "Anker 3C 功率模拟与购买框",
  "tag": "section",
  "settings": [
    {
      "type": "text",
      "id": "award_badge",
      "label": "顶部奖项/技术徽章",
      "default": "3C 页面教学示例"
    },
    {
      "type": "text",
      "id": "delivery_estimate",
      "label": "预计发货时效",
      "default": "发货与退货以店铺真实政策为准"
    },
    {
      "type": "text",
      "id": "product_title",
      "label": "商品标题",
      "default": "3C 充电设备购买框教学示例"
    },
    {
      "type": "text",
      "id": "model_number",
      "label": "内部工程型号",
      "default": "DEMO"
    },
    {
      "type": "text",
      "id": "retail_price",
      "label": "日常零售价 ($)",
      "default": "149.99"
    },
    {
      "type": "text",
      "id": "coupon_code",
      "label": "页内一键复制折扣码"
    },
    {
      "type": "text",
      "id": "coupon_save",
      "label": "折扣码立减金额 ($)",
      "default": "34.00"
    },
    {
      "type": "text",
      "id": "bulk_unit_price",
      "label": "10+ 件企业批发单价 ($)",
      "default": "102.05"
    },
    {
      "type": "url",
      "id": "manual_pdf_url",
      "label": "PDF 用户手册下载链接"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 20,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "顶部内边距",
      "default": 40
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 20,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "底部内边距",
      "default": 64
    }
  ],
  "presets": [
    {
      "name": "Anker 3C 功率模拟与购买框"
    }
  ]
}
{% endschema %}