跳过到主内容

关联变体色板会打开所选简单产品的产品页面。

启用关联变体功能。

为其中一个关联产品分配属性术语。

为组合选择产品、共享属性和产品图片色板。

关联产品在产品页面上显示为颜色色板。
Mloun 外贸建站知识库
< 返回
当前位置:
打印
关联变体
创建于
上次更新时间
由Mloun
目录
关联变体通过共享的全局属性将独立的 WooCommerce 产品分组。每个关联产品在目录中仍然作为独立产品可见,并保留其自己的产品页面、价格、库存、内容和图片。在产品页面上,客户可以使用色板来打开同一组合中的另一个产品。

查看关联变体演示以获取前端示例。
启用关联变体
- 导航至 仪表盘 -> 主题设置 -> 商店 -> 可变产品。
- 启用 启用关联变体。
- 保存主题设置。

准备产品
关联变体可以包含简单产品和可变产品。当可变产品被关联时,其标准变体选择器会与关联变体色板一起显示。
- 在 仪表盘 -> 产品 -> 属性 中创建所需的全局属性和术语。
- 编辑每个产品并打开 产品数据 -> 属性。
- 为每个将连接产品的属性分配一个术语。例如,为每个产品分配一个不同的颜色术语。
- 更新每个产品。如果您计划使用产品图片作为色板,请同时为每个关联产品设置特色图片。

创建关联变体组合
- 导航至 仪表盘 -> 产品 -> 关联变体 并点击 新增。
- 输入一个标题以在仪表盘中识别该组合。
- 在 产品 中,选择属于该组合的产品。
- 在 属性 中,选择连接这些产品的共享全局属性。每个选定的产品必须为每个选定的属性分配一个术语。
- (可选)使用 产品图片属性 来显示每个产品的特色图片,而不是属性术语的颜色、图片或文本色板。
- 发布该组合。

关联变体色板如何工作
默认情况下,WoodMart 使用为每个属性术语配置的颜色、图片或文本。对于在 产品图片属性 中选定的属性,色板将改用关联产品的特色图片。
当前产品被标记为活动状态。缺货或无法购买的产品显示为不可用。点击可用的色板将打开相应的产品页面。

在自定义产品布局中使用关联变体
WoodMart 会在标准单产品布局中自动显示关联变体。如果您使用自定义的单产品布局,请在色板应出现的位置添加 关联变体 元素或区块。该元素可用于 Gutenberg、Elementor 和 WPBakery 布局。
关联变体与显示单个变体
关联变体连接独立的简单产品或可变产品,每个产品都有自己的产品页面。显示单个变体 适用于一个 WooCommerce 可变产品的变体,并将这些变体作为独立卡片显示在产品网格中。
创建于
上次更新时间
-
一般设置
-
产品管理-B2B展示站
-
主题设置
-
商店设置
- Abandoned cart弃购挽回/购物车跟踪设置
- B2C商店设置向导
- Paypal付款设置
- Size guide table尺码表设置-针对服装和鞋
- Stripe支付设置
- Tax 税率设置
- 产品详情页侧边栏设置
- 优惠券设置
- 促销倒计时设置
- 促销弹窗设置
- 商店基础设置
- 已售出数量/库存进度条设置
- 物流设置及订单发货流程
- 虚拟销售通知信息提示
- 虚拟销售量/虚拟当前访问量
- 设置-满XXX元包邮
- 设置PDF Invoice发票/装箱单
- 货币设置
- 运费设置
- 运费设置案例1
- 邮件模板设置
- 隐藏checkout结账页面的Ship to a different address
- 页眉横幅设置
- 显示所有 (13) 折叠
-
幻灯片教程
-
其它
- B2B添加自定义产品起批量
- CSS-自定义渐变背景
- Facebook Meta Pixel 像素代码安装
- Google Merchant Center
- Mailchimp邮件订阅功能
- Mailgun邮件订阅功能
- PDF账单的中文字符问题
- PHP远程下载文件
- Polylang 多语言
- VPS网络回程线路一键测试脚本
- VPS高负载排查流程
- woocommerce Checkout Field结账条件显示姓名及身份证号码字段
- woocommerce添加自定义字段
- Woodmart自定义功能代码
- Wordpress网站被黑修复
- 为背景图添加遮罩效果
- 产品导入CSV文件转码UTF-8
- 关于隐藏PayPal Standard 标准支付
- 删除外观->菜单->产品类别的分页
- 商店订单列表添加自定义列
- 如何使用 phpMyAdmin 创建新的 WordPress 管理员用户
- 如何使用Google网站管理员 (Google Search Console)提交网站
- 如何申请reCAPTCHA验证码
- 嵌入Youtube视频播放结束后不要显示其它推荐
- 常用插件
- 插入自定义Html block 简码
- 显示 WooCommerce 下载文件列表
- 添加Buy now 按钮-针对simple产品
- 添加自定义销售量
- 火车头采集产品导入woocommerce+SEO yoast
- 禁止Wordpress通知信息
- 移除Nitropack页脚标志
- 简单产品和可变产品添加buy now
- 给woocommerce Order by加on sale排序
- 给Wordpress后台页面添加自定义CSS
- 自定义Add To Cart按钮文字
- 自定义CSS代码
- 表格隔行显示背景
- 隐藏掉woocommerce Product data里面的选项卡
- 显示所有 (29) 折叠
-
站内优化
-
产品管理-B2C商城
-
SEO设置
-
B2B2C设置
-
页面设计
-
多语言
-
页头构建器
-
商店
-
操作指南
- 暂无
-
布局构建器
- 暂无
-
WoodMart 轮播
- 暂无
-
弹出层与浮动块
- 暂无
-
文章类型
- 暂无