WooCommerce 表格的变体 – 网格

兼容WordPress 6.x和WooCommerce 8.x & 9.x

WordPress – Woocommerce 变体（可变产品）到表 – 网格插件

这个 WordPress – WooCommerce 插件会将产品页面的默认变体选择选项菜单转换为用户友好的表格 – 网格显示。它具有不言自明的功能，其中包含大量选项、管理设置面板、出色的文档和支持以及每个产品选项。

由：Nitroweb

请阅读安装指南和插件说明。如果您对某事不确定，请在购买前询问

特征

• 用户友好且不言自明的管理面板。
• 显示变量产品所需的所有数据，并提供禁用它们的选项。
• 该表可动态搜索
• 在设置产品变体时支持 “any”
• 支持您可以动态添加到产品的“自定义属性”
• “将所选内容添加到购物车”，带有全选复选框，用于将变体批量添加到购物车
• 用于禁用或启用每个产品的表/网格的选项。
• In Stock（有库存）、Out of Stock （Out of Stock） （Out of Stock） 和 Low Stock （with threshold） （有库存（有阈值）） 自定义消息
• 易于使用 简码 带有完整的文档，可帮助您将表格放在您需要的地方，并执行简码。
• 易于使用 全局短代码 将显示都 的变体都 变量 products 在任何页面上。
• 可扩展/开发人员友好。您可以在不黑客攻击的情况下更改插件，但可以通过 WordPress 过滤器和作进行更改。
• 使用您的自定义贴纸/图标使变体脱颖而出。您可以按变体启用/禁用或覆盖它。
• 支持 WooCommerce 变体色板和照片
• 支持 YITH WooCommerce 愿望清单
• 支持 YITH WooCommerce 快速浏览
• 支持 WooCommerce 产品礼品包装
• 支持 WooCommerce 的其他变体图像库
• 可以从设置中启用 AJAX
• 在前端对表列进行排序
• 可以设置默认表标题（自动生成）、通用自定义表标题和每个产品的自定义表标题
• 可通过 .po / .mo 文件轻松翻译。
• 可用翻译： 英语、希腊语、法语、意大利语、波兰语。

评论

已启用 WooCommerce 变体色板和照片支持

用法

为了使用 Woocommerce Variations to Table – Grid 插件，请从您的 WordPress 管理面板导航到”Woocommerce -> 变化表“

选项

1. 排除类别：您可以选择整个类别以排除插件，以便使用默认选择菜单显示变体
2. 显示缩略图：选择“是”可显示缩略图列，选择“否”可隐藏缩略图列。
3. 缩略图宽度 （Pixel）：您可以在此字段中以像素为单位定义缩略图的 with
4. 显示库存：选择 “yes” 显示残留条件列，选择 “no” 隐藏它。
5. 在 Stock 文本中：如果显示库存，您可以设置在变体有库存时显示文本
6. 缺货文本：如果显示库存，您可以设置文本在变体缺货时显示
7. 低 Stock 文本：如果显示库存，您可以设置文本在变体库存较低时显示
8. 库存阈值下限：输入将触发低库存状态的变体数量
9. 显示价格：选择“是”显示价格列，或选择“否”将其隐藏。
10. 显示总计 （新）：选择“是”显示总计列，或选择“否”将其隐藏。
11. 显示数量字段：选择“是”显示要添加到购物车列的产品的数量输入字段，选择“否”隐藏它。
12. 显示 Add To Cart：选择“是”以显示“添加到购物车按钮”列，或选择“否”将其隐藏。
13. 显示愿望清单：选择“是”以显示心愿单图标列，或选择“否”将其隐藏。
14. 显示图片：选择“是”可显示额外的图像/贴纸/图标列，或选择“否”可隐藏它。
15. 添加图片：通过单击上传额外的图像/贴纸/图标 打开媒体管理器 按钮。
16. 显示描述：选择“yes”以在变体行下显示描述。
17. 显示表头：选择 “yes” 显示表头。
18. 自定义表头：您可以在此处为所有表格标题编写自己的自定义 HTML 代码。
19. 启用 Ajax： 选择“是”以启用“添加到购物车”和“愿望清单”的 AJAX
20. 启用响应式表：选择“是”以使表格适合移动设备
21. Order 列：您可以通过拖放列表元素来对列进行排序
22. 你准备好了！ * 保存更改 *

简码

在您的产品页面或执行短代码的任何地方（例如帖子和页面），您可以使用短代码 [vartable] 。如果您只输入简码，那么它将读取您通过管理员设置面板设置的插件的选项。

为了自定义短代码，您可以使用以下属性（分别与上述选项不同）：

• 身份证
• sku
• 拇指
• thumb_size
• 股票
• in_stock_text
• out_stock_text
• low_stock_text
• low_stock_thresh
• 价格
• 提供
• 图像
• 数量
• 车
• 愿望清单
• 礼物
• 阿贾克斯
• 描述
• 头
• 响应
• 排序

在所有属性上，将其设置为“1”等于“yes”，设置为 “0” 等于“no”，当 yes 或 no 作为可能的选项时。下面是一个示例：

[vartable thumb=1 thumb_size=150 stock=1 in_stock_text="We have plenty" out_stock_text="Everything is gone" offer=0 qty=1 ajax=0]

正如您可能注意到的那样，我们没有设置 cart、wishlist 等属性，因此短代码将按照我们通过插件设置面板设置的作

如果您在产品页面外部使用短代码，则短代码的“id”属性是必需的!!

都 可变产品都 variations 简码

您可以使用短代码显示所有可变产品变体 [vartableall].可以使用与上述相同的参数 AND title = 1 在每个表 AND categories 之前显示产品的标题
类别可以使用类别 ID 和逗号分隔进行设置，例如 [vartableall categories=10,14] 以仅包含这两个类别的产品。
不要在此短代码上使用 id 选项。

开发人员友好

许多钩子都已就位。请搜索代码以获取完整列表。以下是其中一些示例。

您可以使用过滤器 “vartable_thumb_class_filter” 为每个变体添加 alter the link 的 css 类到完整图像，例如。

add_filter( 'vartable_thumb_class_filter', 'my_vartable_custom__img_class');
function my_vartable_custom__img_class($class) {
  $class = $class.' myclass anotherclass';
  return ($class);
}

Woocommerce“single_add_to_cart_text”过滤器已就位。请参考 Woocommerce 文档.

行动

你可以为表格添加自己的 css 类 wit “vartable_table_class”，例如。

add_action( 'vartable_table_class', 'my_vartable_table_class');
function my_vartable_table_class($class) {
  $class = ' table-hover table-striped ';
  return ($class);
}

您可以在表格前后添加带有 “vartable_before_table” 和 “vartable_before_table” 的文本，例如。

add_action( 'vartable_before_table', 'my_vartable_before_table');
function my_vartable_before_table($text) {
  $text = 'This text ';
  $text .= 'will go before the table';
  echo $text;
}

add_action( 'vartable_after_table', 'my_vartable_after_table');
function my_vartable_after_table($text) {
  $text = 'This text ';
  $text .= 'will go after the table';
  echo $text;
}

从顶部删除表格并将其添加到产品描述之后

function vartable_move_after_description($content) {

  if (get_post_type() == 'product' && is_single()) {
    $content = $content . do_shortcode('[vartable]');
  }
  // otherwise returns the database content
  return $content;
}

add_filter( 'the_content', 'vartable_move_after_description' );
remove_action( 'woocommerce_variable_add_to_cart', 'vt_woocommerce_variable_add_to_cart', 30 );

如果您使用的是简码方法，请不要使用 add_action

要求

• WordPress 4.0+
• Woocommerce 3.6+
• 菲律宾比索 7.0+

常见问题解答

1. 我收到致命错误：无法重新声明 woocommerce_variable_add_to_cart（）

   请尝试停用 WooCommerce，激活插件并重新激活 WooCommerce

2. 我可以发布所有可变商品的所有变体吗？

   是的，你可以通过 [vartableall] 简码。

3. 添加变体时是否可以使用自定义属性？

   是的，这是在 1.0.6 版本中添加的。

4. 我可以将其放在我网站的任何位置吗？

   是的，如果你放置短代码的字段被执行，你可以通过短代码。您必须指定 身份证 的变量 product 的 shortcode 参数。

5. 我可以只为我想要的一个或任何产品禁用网格吗？

   是的，您可以通过产品编辑屏幕进行作。请选择”是的“ 在选项 ”禁用变体表“，在产品的 General settings （常规设置） 选项卡下。

6. 我可以为我想要的任何类别禁用网格吗？

   是的，您可以通过 ”Woocommerce ? 变化表”.

7. 如果我禁用了某个产品的表格/网格，我还能使用短代码吗？

   是的，短代码没有被禁用。

8. 愿望清单变体会错过所选属性

   由于愿望单的运作方式，它将不支持您已将属性设置为“any”的可变产品。

9. 库存检查和 AJAX 怎么样？

   启用 AJAX 后，通过插件添加到购物车时将禁用库存数量检查。

安装

这个 wordpress 插件可以像任何其他 wordpress 插件一样安装。安装很简单。

1. 解压缩您下载的 zip 文件。
2. 登录到您的管理面板（例如 http://www.yourdomain.com/wp-admin）。
3. 转到 插件 -> 新增.
4. 在页面顶部，单击”上传插件“ 链接
5. 点击 选择 File （或浏览器用于导航到文件的内容）
6. 从步骤一 （1） 的提取文件中，导航到并选择 woo-variations-table.zip ，然后单击”立即安装“
7. 系统可能会要求您确认是否要安装插件。
8. 如果这是您第一次安装 WordPress 插件，您可能需要输入 FTP 登录凭证信息。如果您之前安装了 Plugin，它仍然会包含登录信息。此信息可通过您的 Web 服务器主机获得。
9. 点击 进行 继续安装。生成的安装屏幕会将安装列为成功，或记录安装过程中的任何问题。
10. 如果成功，请点击 激活插件 以激活它。
11. 如果您收到错误，请停用 WooCommerce，激活插件并重新激活 WooCommerce

更改日志

1.5.8 03 Σεπ 2024

• 功能：添加了显示默认 WooCommerce 可用性文本的选项

1.5.7 18 8月 2024

• 功能：添加了变体表实时搜索
• 功能： 添加了在未设置变体价格或价格为零时隐藏价格、购物车按钮和数量字段的选项
• 功能： 添加了在变体缺货时隐藏价格的选项

1.5.6 05 8月 2024

• 功能：添加了在弹出窗口中对表格图像进行分组或逐个显示的选项

1.5.5 24 6月 2024

• 修复：转义图像标题属性
• 修复：初始保存前图像标题选项变量上出现 PHP 错误

1.5.4 23 6月 2024

• 功能：添加了弹出图像标题选项

1.5.3 26 5月 2024

• 修复：初始保存前 PHP 错误

1.5.2 26 10月 2023

• 特点：兼容性 WooCommerce 的最小和最大数量 插件
• 修复：次要 PHP 通知

1.5.1 26 6月 2023

• 修复：添加了 WooCommerce added_to_cart JS 钩子

1.5.0 01 5月 2023

• 功能：添加了数量减/加 SVG 图标
• 功能：添加了添加到购物车图标选项
• 功能：添加了从添加到购物车按钮中删除添加到购物车文本的选项

1.4.17 27 4月 2023

• 修复：“Remove table head”选项也应该删除移动设备上的标签
• 修复：PHP 8.0 兼容性

1.4.15 30 1月 2023

• 功能：添加了 post meta table DB 清理选项
• 功能：添加了插件重置选项
• 功能：添加了在停用时删除插件设置的选项
• 修复：删除了 PHP 通知
• 修复：修复插件优先级选项

1.4.14 18 五月 2022

• 功能：添加了更改“添加到购物车”通知计时器的选项
• 修复：额外的图像列未对齐
• 修复：无响应的移动表格滚动 CSS 修复

1.4.13 02 5月 2022

• 功能：添加了启用/禁用移动布局的选项
• 功能：添加了在移动设备上隐藏空单元格的选项

1.4.12 24 4月 2022

• 功能：添加了更好的 YITH 愿望清单兼容性
• 功能：添加了“WooCommerce 的其他变体图像库”兼容性

1.4.11 21 4月 2022

• 功能：添加了不链接图像的选项
• 修复：删除了 PHP 通知

1.4.10 23 3月 2022

• 功能： 添加了配送类别列
• 修复：在某些情况下，主插件 JS 文件无法加载

1.4.9 20 1月 2022

• 功能：添加了 backorder 自定义文本选项
• 功能：添加了库存标签样式选项

1.4.8 02 12月 2021

• 功能： 在通知面板上添加了 WooCommerce 错误通知。
• 功能：在表头上添加了排序箭头
• 功能： 管理面板小幅重新设计
• 修复：如果产品没有色板，则删除了 WooCommerce 色板 PHP 通知
• 修复：在某些主题/情况下，全局购物车按钮不会触发

1.4.7 01 12月 2021

• 功能：为每个 WooCommerce 属性添加了排序选项
• 功能：升级的排序 JS
• 修复：如果产品没有色板，则删除了 WooCommerce 色板 PHP 通知

1.4.6 11/29/2021

• 功能： 添加了更灵活的方式来放置表格在单个产品页面中
• 功能：添加了对 WooCommerce 变体色板和照片
• 修复：更多主题兼容性

1.4.4 11/24/2021

• 修复：添加了对非拉丁字符集中属性的支持

1.4.2 11/12/2021

• 修复：删除了调试设置为 on 时的 PHP 通知

1.4.1 09/18/2021

• 功能：添加了 YITH WooCommerce 等候名单支持

1.4.0 07/23/2021

• 功能：从 Select2 迁移到 WooSelect
• 修复：已删除的 jQuery 迁移警告
• 修复：已删除的 PHP 会话

1.3.11 04/02/2019

• 修复：删除了 Woo 弃用警告

1.3.10 01/10/2019

• 修复：更正了购物车按钮文本筛选器，以将变量 product 对象作为第二个参数包含在内

1.3.9 11/26/2017

• 修复：为启用 WPML 的网站显示所有语言的所有类别

1.3.8 11/12/2017

• 功能：添加了隐藏“已加入购物车”滑动通知的选项
• 功能：添加了用于缩放的 Fancybox3 和通过设置页面启用/禁用的选项
• 功能：添加了 ‘woocommerce_product_add_to_cart_text’ 购物车文本过滤器

1.3.7 10/26/2017

• 修复：Woocommerce 版本 3.2.x 兼容性
• 修复：在高级选项卡中移动了插件的单个产品选项

1.3.6 04/07/2017

• 修复：Woocommerce 版本 3.0 兼容性

1.3.5 02/20/2017

• 功能：在购物车 URL 上添加了 “woocommerce_add_to_cart_redirect” 过滤器
• 功能：添加了一个关闭按钮，可以手动隐藏通知下滑面板
• 修复：检查 users 角色是否为 array 以避免 PHP 警告
• 修复：使用全局添加到购物车按钮时，0 价格的商品未添加到购物车。

1.3.4 10/31/2016

• 功能：为热门主题添加了更多 CSS 类
• 功能： 按角色插件激活
• 功能： 如果自定义变体描述不存在，它将查找默认的 woocommerce 变量描述
• 解决方法：使用“is_purchasable”检查可用性
• 修复：强制 prettyPhoto 始终加载
• 修复：添加到购物车按钮应在不选中全局复选框的情况下工作

1.3.3 09/17/2016

• 功能：添加了更多钩子
• 特点：大大改进了 js 代码
• 错误：修复了单击“添加到购物车”后购物车重定向的问题

1.3.2 09/12/2016

• 错误：添加了销毁自定义会话之前的检查。
• 错误：YITH Wishlist 不适用于可变产品。添加了原生产品 YITH 短代码。

1.3.1 09/08/2016

• 功能：添加了对 YITH 快速视图的支持
• 通用：除某些预定义列外，所有列都设置为按浮点数排序

1.3.0 09/05/2016

• 功能：添加了将全局购物车复选框默认选中的选项
• 错误：从表中删除 quantity 和 checkbox 会阻止 add to cart 按钮正常工作

1.2.9 09/03/2016

• 功能：添加了强制启用/禁用每个产品插件的选项
• 错误：如果数量列未显示或更改，则全局添加到购物车按钮将不起作用

1.2.8 08/16/2016

• 错误：Vartableall 短代码不遵循 zero_priced 设置
• 错误：未使用 -/+ 按钮时，数量不起作用
• 错误：如果变体值为 0（零），则不会显示变体值

1.2.7 08/04/2016

• 特点：添加税后缀 “woocommerce_price_display_suffix”
• 错误：修复了普通产品的数量框问题
• 错误：删除 wp_reset_query 以修复 woocommerce 短代码问题
• 错误：将价格数据放在 tr 上而不是价格 td 上

1.2.6 07/26/2016

• 功能：添加了总计列
• 功能：添加了添加到购物车的下滑固定面板通知
• 错误：如果设置了自定义标题，则不会显示标题

1.2.5 06/21/2016

• 功能： 在 vartableall 短代码上添加了 categories 参数
• 错误：id 参数在 varatableall 短代码上不起作用

1.2.4 06/14/2016

• 功能：添加了钩子 “vartable_global_btn” 以覆盖全球购物车 html
• 功能： 在 vartableall 短代码中添加了产品标题选项 “title=1”
• 错误：禁用插件时，下拉列表不会移动到图像下方
• 错误：删除了 ajax 关闭时的刷新片段
• 错误：修复了可变产品没有变体时的 get_weight（） 问题
• Bug：修复了一些弹出的警告

1.2.3 05/03/2016

• 功能： 添加了在单个产品页面上的图片下方移动表格的选项
• 错误：重定向到购物车不起作用

1.2.2 05/02/2016

• 功能：通过 JS 添加对最小和最大数量的检查
• 错误：如果设置了覆盖，则选件/额外图像会同时显示

1.2.1 05/01/2016

• 功能： 添加选项以隐藏复选框并仅按数量控制添加到购物车中的内容
• 功能：添加了将描述内联放置在同一行或单独行上的选项
• 功能： 添加了隐藏缺货变体的选项
• 功能：添加了全局添加到购物车位置设置
• 功能： 添加了每个产品的默认排序选项
• 功能： 全局 按钮现在将显示即将添加到购物车的产品总数
• 功能： 添加了设置每个变体的默认数量的选项
• 功能：添加了从表中隐藏变体的选项
• 功能： 添加了变体权重和维度作为表格列
• 错误：购物车现在将使用 AJAX 调用进行更新
• 错误：“缺货”和“延期交货”错误修复
• 错误：添加了一些 CSS 类，使全局添加到购物车按钮看起来像一个按钮

1.2.0 12/28/2015

• 功能：添加了属性 slug 作为 CSS 类，因此您可以对其进行控制
• 功能： 添加了 – / + 按钮选项来控制数量
• 错误：删除了“全选”列的排序
• 错误：修复了在某些情况下不显示移动标签的问题
• Bug： 修复了 do_action 个钩子。现在一切都可以得到回应。
• 错误：修复了要添加到购物车的默认数量始终为初始 1 的问题

1.1.9 10/13/2015

• 功能：为 quanity 输入字段的每个变体添加了 steps 字段
• 功能：添加了几个钩子
• 错误：如果您取消激活并重新激活插件，则不会重置设置
• 错误：如果产品数量为零并且您已检查库存管理，则应显示缺货
• 错误：如果您将数量设置为零并点击添加到购物车，它将不会再添加它

1.1.8 09/02/2015

• 功能：添加了默认数量值的设置
• 错误：IE 现在应该可以正常工作了
• 错误：修复了所有变体都具有排序值时的排序

1.1.7 08/26/2015

• 功能： 添加了为每个产品禁用额外/优惠图像的选项
• 功能：在添加到购物车表单中每行添加了作 （钩子）
• 错误：修复了选件列即使未启用也显示选件列的问题

1.1.6 08/24/2015

• 功能：删除了 Footable 并添加了“愚蠢的 jQuery 表格排序”
• 特点：该插件现在与大多数“快速查看”插件兼容
• 功能：默认情况下，该表现在是响应式的
• 错误：修复了 Woocommerce v. 2.4.5 中导致变体不显示的问题

1.1.5 07/06/2015

• 错误：修复了重定向到购物车的问题

1.1.4 07/01/2015

• 特点：现在插件会检查并可以使用蹩脚的进口产品
• Bug：修复了可能的功能冲突

1.1.3 06/19/2015

• 功能： 添加了隐藏或不隐藏零价格变体的选项

1.1.2 06/17/2015

• 功能：在前端添加了表列的排序选项
• Bug：修复了表上的 epmty 列
• 错误：修复了前端上始终开启的 add to cart 列
• 错误：修复了某些变体设置中的 columns 数组覆盖
• Bug：各种 bug 修复

1.1.1 03/23/2015

• 功能：通过 Footable jQuery 插件添加了响应选项
• Bug：对标头进行各种修复和检查

1.1.0 03/20/2015

• 功能：添加了表格标题

1.0.8 03/17/2015

• 错误：修复了多个产品位于同一页面上时的 AJAX 问题

1.0.7 03/07/2015

• 错误：修复了当“添加到购物车”列未显示时，“全局添加到购物车”不起作用的问题
• 错误：当无法购买可变产品时，删除了复选框
• 功能：为全局添加到购物车按钮添加了一些加载和完成图标
• 功能： 添加了全局禁用默认变体下拉列表替换的选项。这样，一切都将是默认的 WooCommerce，您只能通过简码显示表格/网格。

1.0.6 03/06/2015

• 添加了全局短代码，该短代码将显示所有可变产品的所有变体。
• 添加了全局添加到购物车按钮。
• 添加了 Low Stock 功能。
• 添加了对属性排序的支持。
• 添加了在添加变体时对自定义属性的支持

1.0.5 03/04/2015

• 在短代码中添加了产品 “id” 选项

1.0.4 02/26/2015

• 添加了对 WooCommerce 产品礼品包装的支持
• 添加了每个变体字段和设置的描述
• 添加了对“添加到购物车”和“愿望清单”点击的 AJAX 支持
• 添加了意大利语翻译（感谢 Antonio）
• 修复了“未定义索引”的注意事项

1.0.3 02/24/2015

• 修复了禁用列时的错误

1.0.2 02/22/2015

• 为每个变体添加了额外图像的覆盖
• 添加了列的排序
• 添加了 SKU 选项作为列
• 添加了多个过滤器
• 添加了法语翻译

1.0.1 02/21/2015

• 解决了阻止禁用列的 bug
• 添加了标签 （%n），以便您可以在“有货文本”中显示您有库存的产品数量
• 添加了希腊语翻译

1.0 02/20/2015

• 初始版本

来源和鸣谢

此插件使用以下库

• 愚蠢的 jQuery 表排序