Question

我正在建立一个即将推出的WooCommerce网站。我正在使用https://wordpress.org/plugins/woo-variation-swatches/来管理产品的变体属性：所有产品都具有颜色属性，有些还具有尺寸属性和/或带线/无线属性。

当用户单击颜色属性时，我希望主产品图像切换为以该颜色显示产品图像。（我不想为每个图像输入单独的变体-每个产品可以有数十种变体，并且将成为维护的噩梦。）我写了一些jquery来做到这一点，并且jquery很好用-UNTIL选择所有其他属性。因此，如果产品具有颜色和尺寸，则只要单击颜色（只要未选择尺寸），jQuery就会起作用。一旦选择大小，我的jquery就什么都不做。例如，请参见：https://liziheadwear.com/snoods/solid-chenille/。如果产品仅具有颜色属性，则jQuery根本不起作用。例如，请参见：https://liziheadwear.com/snoods/multicolor-pearl/我花了很多时间解决问题，并且无法破解此错误。我真的希望其他人能帮助我！

代码如下：

 <div class="addu">
  <pre>
   <code>strong_ordering operator&lt;=&gt;(const error_code&amp; lhs, const error_code&amp; rhs) noexcept;</code>
  </pre>
  <p>
   <span class="marginalizedparent"><a class="marginalized">8</a></span>
   <em>Effects</em>: Equivalent to:
  </p>
  <blockquote>
   <pre>
 <code>if (auto c = lhs.category() &lt;=&gt; rhs.category(); c != 0) return c;
			return lhs.value() &lt;=&gt; rhs.value();</code>
   </pre>
  </blockquote>
  <pre>
   <code>strong_ordering operator&lt;=&gt;(const error_condition&amp; lhs, const error_condition&amp; rhs) noexcept;</code>
  </pre>
  <p>
   <span class="marginalizedparent"><a class="marginalized">9</a></span>
   <em>Effects</em>: Equivalent to:
  </p>
  <blockquote>
   <pre>
    <code>if (auto c = lhs.category() &lt;=&gt; rhs.category(); c != 0) return c;
			return lhs.value() &lt;=&gt; rhs.value();</code>
   </pre>
  </blockquote>
</div>

现在，为了使其正常工作，颜色属性的标题必须与主产品图片的高度匹配。例如：对于颜色属性“树莓”，协调图像的替代文本为“树莓”。

我验证了在所有情况下均正确捕获了ttl和i值。而flexslider正在完整地接收这些值。我只是想不明白为什么添加到购物车表单后滑块不旋转。

当然我的客户要在昨天之前...

Answer 1

仅供参考，我想出了解决方案-我将此代码添加到了主题的functions.php文件中，问题得以解决：

function my_product_carousel_options($options) {
  $options['controlNav'] = false;
  return $options;
}
add_filter("woocommerce_single_product_carousel_options", "my_product_carousel_options", 10);

FlexSlider / WooCommerce单一产品图像库：尝试从颜色选择器触发特色图像更改

1 个答案: