WooCommerce 变体的颜色和色板 – 在 Shop、Archive 和类别页面上显示色板
最近更新 2025年06月25日
资源编号 94972

WooCommerce 变体的颜色和色板 – 在 Shop、Archive 和类别页面上显示色板

售后服务丨一次搭建,终身售后!7*24小时,全天候技术支持!
购买建站套餐:送国际域名、服务器、SSL证书、PAYPAL等国际流行支付!:
39
VIP折扣
    折扣详情
  • 基础套餐

    39.00 元10折

  • 高级套餐

    39.00 元10折

  • 企业套餐

    39.00 元10折

  • 集团套餐

    39.00 元10折

购买建站套餐,不懂技术,不懂美工,也可以搭建优质外贸独立站!
购买主题 查看演示 建站套餐
详情介绍

显示所有可变产品属性的 WOOCOMMERCE 产品变体样本,并在您的在线商店中提供最佳购物体验

WooCommerce 变体的颜色和色板插件 帮助您在在线商店中显示可变产品的变体。它允许您轻松设置和自定义颜色、尺寸、品种或数量等属性的商品变体样本。

多色 WooCommerce 变体色板 允许以不同的颜色组合完美展示产品,确保用户体验和更高的销售。它的社交分享按钮对于提高品牌知名度至关重要。

此外,它还提供了几个自定义设计选项,使WooCommerce样本看起来更加风格化和干净。您可以决定 变化,样本位置,显示形状和大小。

您也可以 上传并创建自定义属性 特定于您的业务使用 WooCommerce 颜色和色板插件。
.

它与 HPOS 功能完美配合。因此,您的在线商店永远不会遇到处理高订单量的障碍。

9. 配置属性标签

将属性标签设置为 工具提示、色板上方或色板上方.

10. 显示 WooCommerce 颜色和图像色板的工具提示

您可以 显示色板工具提示标签的图像或名称 .使用图像作为工具提示标签是更好的选择,因为它比简单的文本更具吸引力。此外,您还可以显示变化 Catalog/Archive 页面上工具提示视图中的缩略图.此外,还可以更改工具提示位置,使其显示在色板的顶部或底部。

11. 变化色板形状

使用 WooCommerce 变体插件,您可以为 属性术语 thumbnail 为 Square、Circle 或 Rectangle.它将应用于全球所有变体色板。

12. 属性 术语 缩略图 显示大小

您可以配置 显示变化色板的大小 在商品详情页面和商店/存档/分类页面上,采用以下尺寸:2020, 4040, 60*60 或任何自定义大小。
尺寸适用于全球和每个产品..

13. 在商店/存档/类别中隐藏色板

您可以 在 Shop/Archive/Category 页面中隐藏色板 并添加Show Variations 按钮 ,单击时显示所有属性色板。从本质上讲,WooCommerce 颜色和色板插件将呈现整洁或有序的外观。

14. 选择变体表单位置

您可以 您可以启用此设置以移动商店中的变体表单位置。您可以根据自己的喜好对齐表单位置。它可以在添加到购物车按钮之前或添加到购物车按钮之后,随你怎么想。

15. 为 WooCommerce 设置变体色板

用户友好的 UI 允许您轻松设置图像和色板。

16. HPOS 兼容性

WooCommerce 变体色板插件与 WooCommerce HPOS 功能无缝协作,提高商店在购物高峰期处理高订单量的能力。

商品变体通常会导致订单量大幅增加,这在圣诞节、BFCM、劳动节等销售旺季会放大。为了有效地处理这些订单,HPOS 为订单创建了一个专用的自定义表,从而加快了订单处理速度。

17. 变体色板和照片的附加功能

  • 为全局属性添加 WooCommerce 色板。
  • 为属性添加颜色和图像色板组合。
  • 从 Shop and Archive 页面中删除 Reset 或 Clear selected swatches 按钮
  • WooCommerce 颜色和变体色板的好处:

    1. 使用变体的颜色和色板,您可以展示产品的所有变体,并为您的在线商店提供排序的外观。
    2. 通过产品变体、样本和缩略图的定制功能保持品牌统一。
    3. 在商店页面上显示 WooCommerce 样本并立即吸引客户。
    4. 通过让买家更容易找到商品变体来提高您的销量。
    5. 使用全局属性和色板图像定义每个选定的 WooCommerce 产品
    6. 使用 WooCommerce 色板限制器减少产品页面上的杂乱。
    7. 通过为您的变体商品生成可分享的链接来扩大商品的覆盖范围。
    8. WooCommerce 色板的商品详情页面和商店/档案/类别页面具有不同的尺寸变化。
    9. 按商品属性样本提供了一个选项,可以避免在可变商品上使用下拉字段。

    现场演示

    访问演示以体验插件无与伦比的优势并探索设置。

    • 颜色和色板的前端演示: 点击这里

    • 颜色和色板的后端演示: 点击这里

    我们的客户对我们的评价如何?

    奥尔基斯2021 ⭐⭐⭐⭐⭐

    很棒的插件,带有 mani 选项,可在 WooCommerce 上创建积分和奖励系统。

    webmtp ⭐⭐⭐⭐⭐

    虽然无法修复错误,但您有非常好的支持。这是我曾经支持的一支出色的技术团队。

    Sign58 的 ⭐⭐⭐⭐⭐

    客户和技术支持解决了我所有的售前请求和配置问题。
    我向大家推荐它。

    Oxygon⭐⭐⭐⭐⭐

    正如它所说的那样,易于理解和良好的支持帮助我解决了与我的主题和插件的小冲突。

    常见问题解答

    Q. WooCommerce Color 插件是否在商店和类别页面上显示图像或色板?

    一个。 是的,颜色或图像样本将显示在商店和分类页面上。
    .

    Q.如何为所有可变产品全局启用色板?

    一个。 是的,这可以通过使用全局属性来完成,因此商家只需按照这些简单的步骤作即可。
    1:WooCommerce > product->属性。
    2: 点击 attribute(color)->然后列出所有变体(黑色、蓝色、黑银、黑绿等)。
    3: 单击配置术语->当您单击它时,将列出所有变体。
    4: 选择任何变体 – >单击编辑(按钮)>有一个选项“显示类型”,从那里您可以选择要在前端显示的缩略图/颜色/文本。
    5: 现在,此设置适用于所有全局属性,色板将显示在所有商品上。

    Q.每种产品可以有多少种变体?

    一个。 可以根据要求进行更改。

    Q. 如何删除下拉选项并仅保留变体(颜色/大小)?

    一个。首先,您必须转到 wooCommerce 产品设置 ,选择产品,然后转到变体色板设置,然后根据您的要求设置色板值。

    Q. WooCommerce 颜色和色板插件不会显示缺货产品吗?

    答:颜色和色板插件将显示缺货产品变体的叉号。

    Q. WooCommerce 色板插件是否将产品的变体显示为工具提示?

    一个。是的,WooCommerce 颜色和色板插件在选择产品变体时显示产品变体。

    该插件不受 GDPR 合规性的约束,因为它不存储用户的敏感数据。它只包含与WordPress和WooCommerce持有者运行的软件相关的信息。

    感谢您的关注 WooCommerce 变体的颜色和色板、WP 摆动。

    如果我们的文档不包含您问题的解决方案,您可以访问 WP Swings 论坛社区

    创建和改造您的电子商务商店 WooCommerce 服务

    更改日志

    05.05.2025  Ver: 1.4.6
    New : Compatible with latest WP [6.8.1] & WC [9.8.3]
    
    17.02.2025  Ver: 1.4.5
    New : Compatible with latest WP [6.7.1] & WC [9.6.1]
    
    05.09.2024 - Ver: 1.4.4
    New : Compatible with latest WP [ 6.6.1 ] & WC [ 9.2.3 ]
    Fix : WooCommerce Compatibility issues
    
    28.05.2024 - Ver: 1.4.3
    New : Option to move tooltip position.
    New : Compatibility with latest WP[6.5.3] & WC[8.9.1]
    
    08.03.2024 - Ver: 1.4.2
    New : Compatible with latest WP( 6.4.3 ) & WC( 8.6.1 )
    Fix : CSV uploading issues
    
    28.11.2023 - Ver 1.4.1
    New: Compatible with latest WP( 6.4.1 ) & WC( 8.3.1 )
    Fix: Single page layout issues
    
    10.11.2023 - Ver 1.4.0
    New: Option to move variation form position
    New: Compatible with latest WP( 6.3.2 ) & WC( 8.2.1)
    
    07.09.2023 - Ver 1.3.0
    New: Compatible with HPOS
    New: Compatible with latest WP( 6.3.1 ) & WC( 8.0.3 )
    Fix: Layout issues fixes
    
    04.05.2023 - Ver: 1.2.0 
    New: Multi-color Swatches Variations
    New: Compatible with Betheme
    New: Compatible with latest WP( 6.2 ) & WC( 7.6.1 )
    Fix: Translation Issues
    
    30.03.2023 - Ver: 1.1.0
    New: Compatible with Elementor
    New: Compatible with themes like ( Avada, Divi, Flatsome, WP Ocean )
    New: Compatible with latest WP( 6.2 ) & WC( 7.5.1 )
    Fix: Minor Issues (related to phpcs)
    
    24.02.2023- Ver: 1.0.12
    New: Show attribute name on Shop Page
    New: Tooltip Styling
    New: Compatible with latest WP & WC
    Fix: Minor Issues
    
    27.01.2023- Ver: 1.0.11
    New: Share product details on Pinterest
    New: Ticked selected attributes terms
    New: Compatible with latest WC & WP
    Enhance: Variations display in Shop Page
    
    23.12.2022- Ver: 1.0.10
    New: Option to remove clear link on shop and archieve page
    New: Dynamic color for cross symbol on out of stock product
    Fix: Display type field is shown on Attribute Page. If you disable plugin setting, it still exists.
    Fix: Only color is shown when we enable "Use Attributes Terms Thumbnails" setting and set display type from attribute page.
    New: Compatible with latest WP & WC
    
    22.09.2022- Ver: 1.0.9
    New: Share Variable Product using Social Share Button
    New: Limit Displayable Product Variation Swatches 
    New: Minor Bug fixes
    New: Compatible with latest WP and WC   
    
    11.07.2022- Ver: 1.0.8
    New: Variation Image Tooltip in Catalog / Archive Page feature Added
    New: Show Cross Sign For Out of Stock Variation Swatches feature Added
    New: Minor Bug fixes
    New: Compatible with latest WP and WC   
    
    14.02.2022- Ver: 1.0.7
    New: Change author from MakeWebBetter to WP Swings
    New: Notice display of current version for WP Swings
    New: Minor Bug fixes
    New: Compatible with latest WP and WC 
    
    10.12.2021- Ver: 1.0.6
    New: Compatibility with WooCommerce 4.6.1 and WordPress 5.5.1
    New: Compatibility with WPML
    New: Compatibility with Multisite
    
    18.10.2021- Ver: 1.0.5
    Fixed: phpcs/QA/security issues
    Fixed: License notification issue
    Fixed: License URI
    New: Tested up to WC 5.7.1
    New: Tested up to WP  5.8.1
    
    29.10.2020- Ver: 1.0.4
    Fixed: Swatches selection issue on Safari  browser
    Fixed: Compatibility with WooCommerce 4.6.1 and WordPress 5.5.1
    
    02.03.2020- Ver: 1.0.3
    Fixed: Update license functionality
    Fixed: Compatibility with WooCommerce 3.9.0
    
    15.05.2019- Ver: 1.0.2
    New: Text swatch feature Added
    Fixed: Compatibility with WooCommerce 3.6.0
    
    13.03.2018- Ver: 1.0.1
    Fix: Global swatch issue fixed 
    
    13.12.2017- Ver 1.0.0
    Initial Release
    
    打赏

    感谢您的支持,我会继续努力的!

    打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
    点赞 (0)
    常见问题

    相关独立站主题

    发表评论
    暂无评论
    官方客服团队

    为您解决烦忧 - 24小时在线 专业服务