【问题标题】:How to make a wordpress theme woocommerce compatible?如何使 wordpress 主题 woocommerce 兼容?
【发布时间】:2014-08-08 15:45:47
【问题描述】:

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

【问题讨论】:

  • 你想安装 woocommerce 吗?
  • 没必要。如果用户安装了 woocommerce 插件,那么 woocommerce 页面将作为我的主题页面设计。所以我想知道如何以及在哪里可以将 woocommerce 页面设计到我的自定义 wordpress 主题中。

标签: wordpress plugins themes woocommerce


【解决方案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 挂钩-

    hook 方法比使用 woocommerce_content 涉及更多,但更灵活。这类似于我们在创建主题时使用的方法。通过在主题的 functions.php 文件中插入几行,首先解开 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

【讨论】:

    【解决方案2】:

    您需要安装 WooC 并查看它所附带的所有样式标签,然后您可以对页面进行样式化并将所有这些添加到您的样式表中。

    你也可以使用钩子,但我不能 100% 确定你会如何检查 WooC 是否在我的脑海中处于活动状态,以便代码中的钩子只有在插件处于活动状态时才会出现。

    【讨论】:

      猜你喜欢
      • 2014-11-13
      • 1970-01-01
      • 2014-03-31
      • 2018-11-07
      • 1970-01-01
      • 2022-11-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多