2025年8月19日
1. 如何添加 CustoMeow 按钮模块?
Shopify
前往主题，选择您的主题，然后点击自定义按钮。
将主题页面切换到产品页面。
选择您当前使用的模板。
通常，我们会将按钮放置在购买按钮的上方。（😎 是的，你猜对了——我们正替换购买按钮。）
选择应用程序并找到 CustoMeow 按钮。
您可以在右侧预览视图中看到 CustoMeow 按钮。
📎 关于 CustoMeow 按钮
要修改按钮文本和样式，请继续执行步骤 2。
当您的产品使用 CustoMeow 的自定义功能时，按钮文本将显示为 "立即定制"。
当您的产品没有自定义功能时，按钮文本将显示为 "添加到购物车"。
隐藏或移除购买按钮模块。
SHOPLINE
进入店铺设计，选择您要应用的主题，点击设计按钮。
切换主题页面到商品详情页模板。
选择您当前正在使用的模板。
将鼠标悬停在商品详情模块的右侧，点击添加按钮。
选择应用，找到 CustoMeow 按钮并添加。
将 CustoMeow 按钮移至购买按钮上方，此时右侧预览视图就能看到按钮。
📎 关于 CustoMeow 按钮的说明
如需修改按钮的文本和样式，请移至步骤 2 查看。
当您的产品含有 CustoMeow（定制喵）的自定义功能时，按钮文本将显示为 "立即定制"。
当您的产品不含有 CustoMeow（定制喵）的自定义功能时，按钮文本将显示为 "添加到购物车"。
请勿忘记隐藏或移除购买按钮。
SHOPLAZZA
进入主题装修，选择您要应用的主题，点击编辑按钮。
切换主题页面到商品详情。
选择您当前正在使用的模板。
点击商品详情模块中的添加内容按钮。
找到 CustoMeow 按钮模块并添加。
将 CustoMeow 按钮移至购买按钮上方，此时右侧预览视图能够看到按钮。
📎 关于 CustoMeow 按钮的说明
如需修改按钮的文本和样式，请移至步骤 2 查看。
当您的产品含有 CustoMeow（定制喵）的自定义功能时，按钮文本将显示为 "立即定制"。
当您的产品不含有 CustoMeow（定制喵）的自定义功能时，按钮文本将显示为 "添加到购物车"。
请勿忘记隐藏或移除购买按钮。
2. CustoMeow 按钮配置指南
📎 由于 CustoMeow 按钮的配置选项在 Shopify、Shopline 和 Shoplazza 中都是相同的，因此本指南以 Shopify 为例。如果您在阅读后有任何疑问，请随时联系在线客服。
按钮
固定按钮栏
自定义类型
购物车抽屉
3. 如何将预览放置在主图像的位置?
📎 CustoMeow 按钮模块将自动定位您的主图像位置，并将预览放置在产品图像的上方。然而，如果您的商店主题布局已被显著更改，自动放置可能无法工作，您需要通过参考本文手动指定位置。
首先，访问您自定义的产品页面。
我们推荐使用 Chrome 浏览器。将鼠标悬停在产品图像上，右击并选择 "检查"。
打开控制台并找到产品图像的父级元素。
我们建议找到产品图像的最外层父元素，并复制其类名。
返回管理面板 - 商店主题 - 定位当前主题 - 编辑代码。
我们建议下载所有代码，并使用像 VSCode 这样的编程工具。这将允许您进行全局搜索，以快速找到需要修改的代码部分。
在找到的代码后添加 "customeow-desktop-preview" 代码并保存。
这样，桌面版本的预览视图将在 `customeow-desktop-preview` 下面的层显示。让我们返回产品页面查看结果。
当您开始自定义时，预览将出现在主图像位置。您可以随时关闭预览窗口，并在再次自定义任何东西时它将自动重新出现。
4. 如何在嵌入页面中更改自定义功能的样式?
我们提供了三个 CSS 类名，您可以修改以确保与您网站的样式一致。
我们已根据 Dawn 主题修改了嵌入自定义功能的样式。代码如下。
返回主题设置页面并打开自定义 CSS 部分。
将修改过的样式代码粘贴到自定义 CSS 部分。
保存并预览您的产品页面。
