WooCommerce在复选框和列表中显示变体

时间:2017-04-10 作者:DelphiLynx

我认为这更像是一个理论问题,因为我在网上找不到以前做过这件事的人。

我们的客户正在用卡车销售袋装和散装的砾石和沙子。

因此,我具有以下属性:

Quantity: 0.5 m³、0.7 m³和1 m³(3个选项)

Quantity bulk: 10吨、11吨、12吨---(35吨清单,共25个选项)

Size: 8-16 mm、14-20 mm(等5个选项)

正如你所看到的,我想把Quantity 以及Quantity bulk 变化。。。。。但我确实想在前端以不同的方式显示它们。列表中的批量选项,以及作为复选框的数量选项。

在此处查看视觉效果:

size-quantity-design

我想在我的网站上显示它们,就像我列出它们一样,但是Quantity 以及Quantity bulk 选项属于彼此,所以我无法在WooCommerce中将它们创建为单独的属性。这是因为您没有将所有三个属性相互组合。(因此,没有尺寸、数量and 批量产品存在)

我希望在这一点上我是清楚的。

你们会怎么处理?我已经将它们创建为单独的属性,但这是不可能的,因为在WooCommerce中,您已经过度使用了一个属性。

1 个回复
SO网友:xadm

This problem only looks complex, it\'s not easy either. 我现在正在研究类似的解决方案。

WooCommerce doesn\'t support hierarchical attributes. 不能将数量属性定义为体积(m3)和重量(XX吨)选项的父项。我不会把他们分开-logically this is one attribute (大小为秒)。Drawback: there will be a lot of variants (5*28)-you have to define prices for all of them!

On front 我们有two select fields 在标准主题中。Modyfying size参数很简单-将select替换为单选按钮(使用jQuery)。Quantity parameter select can be replaced with more elements - 单选按钮用于音量选项,选择用于静止(权重)。Choosing any of these options should update form value of original (now hidden) quantity select.

在此之后,我们有两个属性(都必须选择):大小(粒度)和“数量种类”。我写了“种类数量”,因为在属性选择旁边,我们有原始数量输入。This way we can order f.e. 2 bags (quantity input) x "0,7 m3 minibags, 8-16mm" (variant of 2 attributes).

信息技术can be sufficient (标准)许多情况下的解决方案。。。but this way we have an option to order only one kind of quantity at one time. 这对购物车很好,添加了相同的变体,我们得到了一行更新的数量。

查看您需要的图像something more usable - \'每种“数量”的“数量乘数”(体积复选框+选择权重)。它可以通过前端的更多JS(用于选择数量类型的质量数组)和后端的过滤器(woocommerce\\u add\\u cart\\u item\\u data,woocommerce\\u before\\u calculate\\u totals…)来实现。It could have drawbacks, too! - f、 e.一套推车项目(1x0,5m3+2x0,7m3+12t)-adjusting quantity in cart we\'re changing amount of sets, not individual quantities.

Using filters we have possibility to almost freely adjust all prices and delivering costs. 这边we don\'t have to define all variant\'s prices - 我们可以根据需要的体积和/或重量来计算它们!In practice this is only one price (per 1000kg) for each of granularity variants - 批量价格可根据重量计算。散装数量select (25个选项)can be replaced with single numerical input (最小10[吨])和单位price corelated with ordered quantity (订单越多越便宜)。相同(参数化)calculations can be done for delivering costs (卡车的种类和数量、距离)。

最佳(可用性、用户体验)I would create complex frontend (产品页)允许混合数量的“数量种类”but added to cart as separated items (行)以实现更好的操作(数量调整)和可读性。

相关推荐