如何使 WordPress 主题 woocommerce 兼容？

Question

如何使 WordPress 主题 woocommerce 兼容？我想将购物车页面、我的帐户页面、产品循环页面、产品单页面、结帐页面设计到我的 WordPress 主题中。

Answer 1

我们可以使 WordPress 主题与 woocommerce 兼容，您可以这样做

\n\n

\n

• 有两种方法可以解决这个问题：

  \n\n

  1]使用 woocommerce_content() -

  \n\n

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

  \n\n
  \n

  • 重复的 page.php -

    \n\n

    复制 theme\xe2\x80\x99s page.php 文件，并将其命名为 woocommerce.php。该文件应如下所示：wp-content/themes/YOURTHEME/woocommerce.php。

  \n

  • 编辑您的页面 (woocommerce.php) -

    \n\n

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

  \n

  • 更换循环-

    \n\n

    在 woocommerce.php 中，将 Loop 替换为 woocommerce_content()；

    \n\n

    即，而不是 if(have_posts)\xe2\x80\xa6 endif; 应替换为 \nwoocommerce_content()

    \n\n

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

  \n
  \n\n

  2]使用 WooCommerce 挂钩-

  \n\n

  hook 方法比使用 woocommerce_content 更复杂，但更灵活。这与我们创建主题时使用的方法类似。通过在 theme\xe2\x80\x99sfunctions.php 文件中插入几行，首先解开 WooCommerce 包装器；

  \n\n

  remove_action( \'woocommerce_before_main_content\', \'woocommerce_output_content_wrapper\', 10);\nremove_action( \'woocommerce_after_main_content\', \'woocommerce_output_content_wrapper_end\', 10);\n

  \n\n

  然后挂钩您自己的函数来显示您的主题所需的包装器：

  \n\n

  add_action(\'woocommerce_before_main_content\', \'my_theme_wrapper_start\', 10);\nadd_action(\'woocommerce_after_main_content\', \'my_theme_wrapper_end\', 10); function my_theme_wrapper_start() {\necho \'<section id="main">\';} function my_theme_wrapper_end() {\necho \'</section>\';}

  \n\n

  3]声明 WooCommerce 支持 -

  \n\n

  现在您已经进行了更改，您要做的最后一件事是指定您的主题现在支持 WooCommerce。您需要在主题的functions.php 中添加以下内容。\nadd_action( \'after_setup_theme\', \'woocommerce_support\' );\nfunction woocommerce_support() {\nadd_theme_support( \'woocommerce\' );\n}

\n

\n\n

\n

为了使其更加实用，这是适合您的视频，您也可以关注该视频 -如何使 WordPress 主题与 WooCommerce 插件兼容

\n

\n