我正在使用 Woo-commerce 进行在线购物。
我创建了一些可变产品,但是当我要查看产品的整页时,它说
添加到购物车是隐藏的
我尝试display: block
在 CSS 中使用强制显示“添加到购物车”按钮,但是当我点击它时,它给了我错误
请选择产品选项
开发者控制台也没有错误
谁能知道到底发生了什么或者我错了还是脚本问题?
我正在使用 Woo-commerce 进行在线购物。
我创建了一些可变产品,但是当我要查看产品的整页时,它说
添加到购物车是隐藏的
我尝试display: block
在 CSS 中使用强制显示“添加到购物车”按钮,但是当我点击它时,它给了我错误
请选择产品选项
开发者控制台也没有错误
谁能知道到底发生了什么或者我错了还是脚本问题?
对于发现此内容的任何其他人,该wc-add-to-cart-variation
脚本由 WooCommerce 在页脚中加载。因此,如果它没有加载您的主题 1. 没有wp_footer()
(这很少见,因为即使是垃圾主题也应该有这个)或 2. 主题模板中存在 PHP 错误并且页面未完全加载。
我建议检查后一点。您可以查看页面的源代码。在 Chrome 中,只需键入 CTRL+U。
一直滚动到底部。您应该看到的最后一件事是:
</html>
如果你没有看到这个页面没有完全加载,很可能是一个致命的 PHP 错误。
WP_DEBUG
您可以通过在wp-config.php
文件中启用来找出确切的位置。
如果有的话,我猜你的主题有一些相对于当前 WooCommerce 已经过时的 WooCommerce 模板。这篇文章很旧,但是随着 WooCommerce 不断发展,主题保留了他们甚至不修改的打包模板,这种情况一直在发生。
此问题可能是由过时的single-product/add-to-cart/variable.php
模板引起的。但是,如果重命名不能解决问题,在紧要关头,您始终可以通过将主题中的 WooCommerce 文件夹重命名为其他任何内容来禁用主题的整个 WooCommerce 模板。99% 的时间它会被称为 woocommerce,但它可能是别的东西。
WooCommerce 现在会让您知道哪些模板已过期。此信息可以在 WooCommerce> 系统设置下的管理员中找到。
另一个不错的读物是:http: //develop.woothemes.com/woocommerce/2014/02/solving-common-issues-after-updating-to-woocommerce-2-1/
你为你的产品定价了吗?如果没有,添加到购物车按钮将保持隐藏状态。
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 不包括在内。
现在它对我来说工作正常......
我设法显示“添加到购物车”按钮,如下所示:
在您的主题目录中找到可变产品模板文件:
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。随便玩玩,希望对你有用。