WooCommerce CSS 和结帐按钮未加载到单个产品页面中答案

【问题标题】：WooCommerce CSS And Checkout button Is Not Loading In Single Product PageWooCommerce CSS 和结帐按钮未加载到单个产品页面中
【发布时间】：2013-12-13 23:24:41
【问题描述】：

我在我的一个客户站点中安装了 woocommerce 插件，它与 woocommerce 不兼容，因此我进行了所有必需的配置，如下所示：

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);

function my_theme_wrapper_start() {
  echo '<td id="content" class="narrowcolumn">';
}

function my_theme_wrapper_end() {
  echo '</td>';
}
add_theme_support( 'woocommerce' );

但是 Woocommerce.css 仍然没有应用于我的产品页面是元素，并且结帐按钮也没有出现。

这是页面的链接：

http://www.doctor-detail.com/product/gift-card-product-2

任何帮助将不胜感激！

【问题讨论】：

标签： javascript php wordpress wordpress-theming woocommerce

【解决方案1】：

使用开发工具检查元素，出现如下错误：

加载资源失败：服务器响应状态为 500（内部服务器错误）http://www.doctor-detail.com/wp-content/themes/mandingo/assets/js/frontend/add-to-cart.min.js 加载资源失败：服务器响应状态为 500（内部服务器错误）http://www.doctor-detail.com/wp-content/themes/mandingo/assets/js/frontend/single-product.min.js 加载资源失败：服务器响应状态为 500 (Internal Server Error) http://www.doctor-detail.com/wp-content/themes/mandingo/assets/js/frontend/add-to-cart-variation.min.js

您是否忘记将文件夹复制到您的主题？

【讨论】：

我认为将文件夹复制到我的主题是可选的？
对不起，目前我只能访问我客户的wordpress仪表板，无论如何我可以让主题从插件目录导入文件夹，我的意思是不复制文件夹？或任何其他解决方案？
我刚刚检查了您的源代码，这些脚本被加载在所有其他脚本之上，因此可能没有正确排队。您是否有主题的副本，您可以检查以了解脚本的情况？您可以在本地编辑文件并通过 wordpress admin 重新加载它以解决没有服务器访问权限的问题

【解决方案2】：

感谢大家的帮助，尤其是@imaginate。

我通过在我的主题是主文件夹中创建一个 woocommerce.php 文件解决了这个问题，并将我的主题是 page.php 文件的所有内容复制到 woocommerce.php，就像这里的文档中提到的那样：

http://docs.woothemes.com/document/third-party-custom-theme-compatibility/

然后我用

替换了他们所说的循环

<?php woocommerce_content(); ?>

但似乎需要更新文档，因为它也不是这样工作的，所以我这样添加：

<div class="woocommerce">
<?php woocommerce_content(); ?>
</div>

【讨论】：