个性化阅读
专注于IT技术分析

WooCommerce:删除Twenty twelve子主题的类别页面的侧边栏

我想删除WooCommerce类别页面上的侧边栏, 并在那里使产品全宽。我非常感谢将什么代码放在哪里的任何帮助。我曾尝试使用Google搜索, 但无法进行任何操作。

我正在使用Twenty twelve子主题。

happilyprinted.com

谢谢。


#1


你需要将以下内容添加到主题的functions.php模板文件中:

add_action('wp', create_function("", "if (is_archive(array('product'))) remove_action( 'woo_main_after', 'woocommerce_get_sidebar', 10);") );

#2


你可以从WordPress当前主题中的类别页面替代archive-product.php中删除边栏。

你可以直接将它们复制到主题中, 而不是直接在插件中编辑这些文件(这是一个非常糟糕的主意, 因为一旦更新了插件, 所有更改都将丢失!)。

  • 在主题目录中, 新建一个名为” woocommerce”的文件夹。
  • 导航到WooCommerce插件目录, 然后打开”模板”文件夹。 template文件夹包含许多子文件夹, 这些子文件夹包含WooCommerce使用的所有不同模板。幸运的是, WooCommerce中的模板文件结构和命名很容易遵循。
  • 在新创建的” woocommerce”文件夹中, 复制要编辑的模板文件。

请记住, 此处的目录结构保持相同。如果要编辑的模板在子文件夹中, 请记住在主题目录中创建该子文件夹。

转到wp-content /themes/ twentytwelve / woocommerce

编辑文件archive-product.php删除以下代码-

<?php
/**
 * woocommerce_sidebar hook
 *
 * @hooked woocommerce_get_sidebar - 10
 */
do_action('woocommerce_sidebar');?>

接下来, 我们必须在主题文件夹中编辑style.css-

.woocommerce .wrapper .site-content
    {
            width: 100%;
    }
  • 从” woocommerce”文件夹中编辑archive-product.php文件并保存更改。
赞(0) 打赏
未经允许不得转载:srcmini » WooCommerce:删除Twenty twelve子主题的类别页面的侧边栏
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏