Question

我正在使用Woo-commerce进行网上购物。

我创建了一些可变产品，但是当我要查看产品的整页时，它说

添加到购物车是隐藏的

我尝试在CSS中使用display: block强制显示“添加到购物车”按钮但是当我点击它时它会给我错误

请选择产品选项

此外，开发者控制台中也没有错误

任何人都可以知道究竟发生了什么或我错在哪里或是脚本问题吗？

Answer 1

您为产品设定了价格吗？如果没有，添加到购物车按钮将保持隐藏状态。

Answer 2

add_action('wp_head','add_to_cart_script');
function add_to_cart_script(){
  if(is_product()){
    wp_enqueue_script('wc-add-to-cart-variation');
  }
}

没有包含Jquery问题add-to-cart-variation.js。

现在它对我来说很好......

Answer 3

对于发现此问题的任何其他人，WooCommerce在页脚中加载wc-add-to-cart-variation脚本。所以，如果它没有加载你的主题，那么1.没有wp_footer()（这是罕见的，因为即使是垃圾主题应该有这个）或2.主题模板中有一个PHP错误并且页面未完全加载。

我建议检查后一点。您可以查看页面的源代码。在Chrome中只需输入CTRL + U即可。

一直滚动到底部。你应该看到的最后一件事是：

</html>

如果您没有看到此页面没有完全加载，可能会导致致命的PHP错误。

您可以在wp-config.php文件中启用WP_DEBUG，找到具体位置。

如果有的话，我猜你的主题有一些与当前WooCommerce相比过时的WooCommerce模板。这篇文章已经过时了，但随着WooCommerce的不断发展和主题保持包装模板甚至无法修改，这种情况也在不断发生。

此问题可能是由过时的single-product/add-to-cart/variable.php模板引起的。但是，如果重命名并不能解决问题，那么您可以通过将主题中的WooCommerce文件夹重命名为其他任何内容来禁用主题的整个WooCommerce模板。 99％的时间它将被称为woocommerce，但它可能是其他东西。

WooCommerce现在会告诉您哪些模板已过期。此信息可在WooCommerce＆gt;系统设置下的管理员中找到。

另一个好的读物是： http://develop.woothemes.com/woocommerce/2014/02/solving-common-issues-after-updating-to-woocommerce-2-1/

Answer 4

我设法显示“添加到购物车”按钮，如下所示：

在主题目录中找到变量产品模板文件：

templates/single-product/add-to-cart/variable.php

将此代码添加到该文件的末尾：

<script>
$(window).load(function(){
    $(".single_variation_wrap").show();
    $(".single_add_to_cart_button").click(function(){
        if($("#pa_size").val() == ''){
            alert('Please select size');
            return false;
        }
    });
});

这就是我用的。也许你有其他领域和/或类/ ID。只是玩，我希望它对你有用。

Woo Commerce添加到购物车未显示在可变产品上

4 个答案: