WooCommerce 表格变体 – 网格

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

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

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

由：硝基网

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

特征

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

评论

启用 WooCommerce 变体样本和照片支持

用法

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

选项

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

短代码

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

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

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

在所有属性上，当“是”或“否”作为可能的选项应用时，将其设置为“1”等于“是”，“0”等于“否”。这是一个例子：

[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]

正如您可能注意到的那样，我们没有设置购物车、愿望清单等属性，因此短代码将按照我们通过插件的设置面板设置的方式进行作

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

都 可变产品都 变体简码

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

开发人员友好

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

您可以使用过滤器“vartable_thumb_class_filter”为每个变体添加更改链接的完整图像的 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 文档.

行动

您可以使用“vartable_table_class”为表添加自己的 css 类，例如。

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+
• 伍科斯 3.6+
• 菲律宾比索 7.0+

常见问题解答

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

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

2. 我可以列出所有可变产品的所有变体吗？

   是的，您可以通过 [vartableall] 短代码。

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

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

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

   是的，您可以通过短代码，如果您放置它的字段执行了短代码。您必须指定 id 短代码参数上的变量乘积。

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

   是的，您可以通过产品编辑屏幕。请选择”是的“ 在选项中 ”禁用变体表“。

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

   是的，您可以通过”伍商务 ? 变化表”.

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

   是的，短代码不会被禁用。

8. 愿望清单变体缺少所选属性

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

9. 库存检查和 AJAX 呢？

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

安装

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

1. 解压您下载的 zip 文件。
2. 登录到您的管理面板（例如 http://www.yourdomain.com/wp-admin）。
3. 转到 插件 -> 添加新.
4. 在页面顶部，单击”上传插件“ 链接
5. 点击 选择文件 （或浏览器用于导航到文件的内容）
6. 从步骤一 （1） 的提取文件中，导航到 并选择 woo-variations-table.zip 并点击”立即安装“
7. 系统可能会要求您确认安装插件的意愿。
8. 如果这是您第一次安装 WordPress 插件，您可能需要输入 FTP 登录凭据信息。如果您之前安装过插件，它仍然会有登录信息。此信息可通过您的 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 五月 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 五月 2023

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

1.4.17 27 4月 2023

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

1.4.15 30 1月 2023

• 功能：新增后元表数据库清理选项
• 功能：添加了插件重置选项
• 功能：新增停用插件设置删除选项
• 修复：删除了 PHP 通知
• 修复：修复插件优先级选项

1.4.14 18 五月 2022

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

1.4.13 02 五月 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

• 功能：新增延期交货自定义文本选项
• 功能：添加了库存标签样式选项

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

• 修复：删除了 debug 设置为 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

• 修复：更正了购物车按钮文本过滤器，以包含可变产品对象作为第二个参数

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 ver 3.2.x 兼容性
• 修复：在高级选项卡中移动了插件的单个产品选项

1.3.6 04/07/2017

• 修复：Woocommerce ver 3.0 兼容性

1.3.5 02/20/2017

• 功能：在购物车 URL 上添加了“woocommerce_add_to_cart_redirect”过滤器
• 功能：添加了一个关闭按钮，用于手动隐藏通知向下滑动面板n
• 修复：检查用户角色是否为数组以避免 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

• Bug：添加了在销毁自定义会话之前进行检查。
• 错误：YITH 愿望清单不适用于可变产品。添加了原生产品 YITH 短代码。

1.3.1 09/08/2016

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

1.3.0 09/05/2016

• 功能：添加了将全局购物车复选框作为默认选中的选项
• 错误：从表格中删除数量和复选框会阻止添加到购物车按钮运行

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”
• Bug：修复了普通产品的数量框问题
• 错误：删除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（） 问题
• 错误：修复了一些弹出的警告

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 类，因此您可以对其进行控制
• 功能：添加了 – / + 按钮选项来控制数量
• 错误：删除了“全选”列的排序
• 错误：修复了在某些情况下不显示手机标签的问题
• 错误：修复了do_action钩子。现在一切都可以回应了。
• 错误：修复了要添加到购物车的默认数量最初始终为 1

1.1.9 10/13/2015

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

1.1.8 09/02/2015

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

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

• 功能：在前端增加了表列的排序选项
• 错误：修复了表上的 epmty 列
• 错误：修复了前端始终打开的添加到购物车列的问题
• 错误：修复了某些变体设置中的列数组覆盖问题
• 错误：各种错误修复

1.1.1 03/23/2015

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

1.1.0 03/20/2015

• 功能：添加了表标题

1.0.8 03/17/2015

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

1.0.7 03/07/2015

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

1.0.6 03/06/2015

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

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

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

1.0 02/20/2015

• 初始版本

来源和学分

此插件使用以下库

• 愚蠢的 jQuery 表排序