如何使wordpress主题woocommerce兼容？

Question

如何使wordpress主题woocommerce兼容？我想将购物车页面，我的帐户页面，产品循环页面，产品单页面，结帐页面设计制作成我的wordpress主题。

Answer 1

我们可以让WordPress主题与woocommerce兼容，你可以这样做

• 有两种解决方法：

  1]使用woocommerce_content（） -

  此解决方案允许您在主题中创建一个新模板页面，该页面将用于所有WooCommerce分类和帖子类型显示。
  要设置此模板页面，请执行以下步骤：

  • 重复page.php -

    复制主题的page.php文件，并将其命名为woocommerce.php。这个文件应该是这样的：wp-content / themes / YOURTHEME / woocommerce.php。

  • 修改您的信息页（woocommerce.php） -

    在文本编辑器或您选择的编辑器中打开新创建的woocommerce.php。

  • 替换循环 -

    在woocommerce.php中，将loop替换为woocommerce_content（）;

    ，而不是if（have_posts）... endif;应该被替换 woocommerce_content（）

    这将确保为产品和分类页面选择WooCommerce模板。

  2]使用WooCommerce Hooks -

  使用woocommerce_content更多地涉及钩子方法，但更灵活。这类似于我们在创建主题时使用的方法。通过在主题的functions.php文件中插入几行，First取消了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 '<section id="main">';} function my_theme_wrapper_end() { echo '</section>';}

  3]宣布WooCommerce支持 -

  既然您已经进行了更改，那么您必须做的最后一件事就是指定您的主题现在支持WooCommerce。您需要在主题的functions.php中添加以下内容。 add_action( 'after_setup_theme', 'woocommerce_support' ); function woocommerce_support() { add_theme_support( 'woocommerce' ); }

  

为了让它更实用，这就是你的视频   也可以关注 - How To Make WordPress Theme Compatible With WooCommerce Plugin

Answer 2

您需要安装WooC并查看与之相关的所有样式标记，然后您可以设置页面样式并将所有内容添加到样式表中。

你也可以使用钩子，但是我不能100％确定如何检查WooC是否在我的头顶上是活动的，这样只有当插件处于活动状态时才会出现代码中的钩子。