自定义常一起购买
概述如何自定义商品页面上常一起购买小组件的外观。
1. 常一起购买
1.1 常规
要自定义常一起购买小组件，请按照以下步骤操作：
选择小组件布局： 选择追加销售商品的显示方式（例如，亚马逊风格或堆叠式）。
输入最大显示商品数量： 设置小组件中显示的追加销售商品的最大数量。如果客户想要查看其他商品，需要点击“查看更多”。
小组件圆角：拖动滑块调整小组件边角的圆滑程度。
商品图片尺寸： 选择小组件上显示的商品图片尺寸。
启用图片圆角（可选），使商品图片的圆角自动匹配小组件边框的圆角。
1.2 内容
控制追加销售小组件中显示的内容：
总价： 自定义总价部分显示的文本。
按钮文本： 修改显示在加入购物车按钮上的文本。
显示每件商品的价格： 启用或禁用小组件中单个商品价格的显示。
在加入购物车按钮上显示折扣金额： 选择是否在按钮上显示已应用的折扣（例如“20% 折扣”）。
设置查看更多标签：
输入查看更多和收起按钮的文本，在商品列表展开或收起时显示。
选择查看更多文本对齐方式：选择左对齐、居中或右对齐来控制这些按钮的对齐方式。
运费折扣： 从可用选项中选择您的运费图标，或上传您自己的图标（支持图片或 gif）。
编辑最低价商品文本标签（如果您将折扣类型选择为最低价商品免费）
1.3 颜色
BOGOS 允许您通过以下 4 种方式中的任意一种来自定义所有元素的颜色：
从下拉菜单中选择一套现成的配色方案。
手动调整所有可用颜色字段。
使用 AI 主题检测器根据您店铺的品牌形象自动生成完整的小组件配色方案。
联系 BOGOS 支持团队获取颜色自定义方面的帮助。
完成后点击保存。
AI 主题检测器
BOGOS AI 会扫描您的网店，检测品牌的主色、辅色和文本颜色，然后自动生成完整的小组件配色方案。
您的店铺不得设置密码保护，否则 AI 将无法访问和检测您的品牌颜色。
使用 BOGOS AI 编辑颜色：
点击笔形图标。
点击重新扫描让 BOGOS AI 重新检测，或手动调整主色、辅色或文本字段。
点击应用于预览，将颜色应用到小组件预览中。
2. 商品附加项
2.1 常规
要自定义商品附加项小组件，请按照以下步骤操作：
选择商品卡片样式： 在横向和纵向之间选择，控制每个商品卡片的布局方式。
从 3 种样式中选择小组件样式。
选择复选框位置，在左侧和右侧之间选择复选框在每个商品卡片上出现的位置。
小组件圆角：拖动滑块调整小组件边角的圆滑程度。
启用图片圆角（可选），使商品图片的圆角自动匹配小组件边框的圆角。
2.2 内容
要自定义商品附加项小组件的内容显示，请按照以下步骤操作：
选择标题文本对齐方式：选择左对齐、居中或右对齐来控制小组件标题的对齐方式。
输入显示商品数量：设置最初可见的商品数量。客户可以点击查看更多来查看所有可用商品。
紧凑型： 适用于显示在商品页面上的小组件。
全宽型： 适用于将小组件作为独立区块添加到您的主题中时。
设置查看更多标签：
输入查看更多和收起按钮的文本，在商品列表展开或收起时显示。
选择查看更多文本对齐方式：选择左对齐、居中或右对齐来控制这些按钮的对齐方式。
2.3 颜色
BOGOS 允许您通过以下 4 种方式中的任意一种来自定义所有元素的颜色：
从下拉菜单中选择一套现成的配色方案。
手动调整所有可用颜色字段。
使用 AI 主题检测器根据您店铺的品牌形象自动生成完整的小组件配色方案。
联系 BOGOS 支持团队获取颜色自定义方面的帮助。
完成后点击保存。
AI 主题检测器
BOGOS AI 会扫描您的网店，检测品牌的主色、辅色和文本颜色，然后自动生成完整的小组件配色方案。
您的店铺不得设置密码保护，否则 AI 将无法访问和检测您的品牌颜色。
使用 BOGOS AI 编辑颜色：
点击笔形图标。
点击重新扫描让 BOGOS AI 重新检测，或手动调整主色、辅色或文本字段。
点击应用于预览，将颜色应用到小组件预览中。
3. 编辑追加销售小组件位置
通常，常一起购买小组件会自动显示在相关商品页面上。但如果出现以下情况，您需要手动调整：
看不到小组件显示
想要更改小组件在商品页面上的位置
想要在商品页面或店铺的其他页面上添加新模块
请按照以下步骤操作：
打开主题编辑器 > 前往您想要添加新的或调整当前常一起购买小组件的页面。
在左侧面板中 > 点击添加模块 > 选择应用 > 找到并选择 BOGOS: FBT 模块。
将区块/模块拖放到您想要的位置。
在右上方面板中，填写设置字段（仅当您将 FBT 模块添加到非商品页面的页面时才需要）
优惠活动 ID：输入您想要显示的常一起购买优惠活动的 ID。
展示商品：从您的店铺中选择一个商品。所有链接到该商品的常一起购买优惠活动都会显示在当前页面上。
点击“保存”。
如需了解更多详情，请阅读我们的[调整 BOGOS 模块]指南。
最后更新于
这有帮助吗？