跳转到内容
免费试用 7 天
简体中文
在 Claude 中打开 就此页面提问在 ChatGPT 中打开 就此页面提问

匹配模板样式

让报价表单自动采用您模板的样式,或者自行设置字体和颜色。

一个看起来像是硬塞进来的报价表单,会在最不合适的时刻损害客户的信任。应用可以自动采用您模板的样式。

模板匹配是针对一组指定的模板构建的。Samita 公布的列表为 Dawn、Refresh、Trade、Origin、Ride、Studio、Colorblock、Taste、Publisher、Crave、Spotlight、Craft、Sense 和 Debut。

如果您的商店使用其中一个模板,请勾选该复选框,通常可以得到接近的匹配效果。在投入时间之前,有两点需要注意:

  • 列表在不断增加。 Samita 将其标记为“updating”,因此这里没有列出的模板可能已经受到支持,请先试用该设置,不要预先假定它不起作用。
  • 列出的模板不等于保证。 模板经常会被自定义,经过大幅修改的 Dawn 就不再是原版 Dawn。无论您的模板叫什么,最终都以下面的店面检查结果为准。

如果不确定自己使用的是哪个模板,请在 Shopify 后台的 Online Store > Themes 中查看:当前上线的模板名称显示在顶部。

  1. 前往 Quote settings,点击 Customize,然后打开 Quote form 标签页。

  2. 滚动到 Style。这里显示表单当前使用的预设(例如 Classic),如果想换一个,可以点击 Change 按钮。

  3. 勾选 Match theme styling if possible。

    让表单与您的模板匹配,这样它就不会显得突兀。

  4. 应用已明确说明:“Theme styling applies on your storefront and is not shown in this preview.”

    保存更改,在店面中打开表单,并与普通页面进行对比。

    客户所见的店面 Request a Quote 页面,显示报价表单和 Quote Cart

    模板匹配只会在店面中显示,在编辑器预览中看不到。

模板匹配是全有或全无的:只有一个复选框,无法逐个元素控制。如果它已经解决了大部分问题,但某个标题或按钮看起来仍然不对,请手动设置那一部分。Style 下方的两个区块可以让您直接控制。

区块可以设置的内容
Customize textFont style
Customize form colorTitle bar color, Title bar background, Color, Background color, Border color, Quote popup primary color

当模板匹配遗漏了某些内容,或者您希望表单刻意突出而不是融入页面时,可以使用它们。

  • 字体 — 标题和正文应与商店的其他部分一致
  • 按钮 — 提交按钮应与您的其他按钮保持一致
  • 间距 — 手机上表单过于拥挤是最常见的问题
  • 对比度 — 确保标签清晰易读,尤其是在深色模板上

这对您有帮助吗?