zoukankan      html  css  js  c++  java
  • woocommerce面包屑导航breadcrumb的修改

      我们知道woocommerce自带了面包屑导航breadcrumb,但有时我们需要调整一下它所在的位置,那么需要如何操作呢?有哪些参数可以调用呢?随ytkah一起来看看吧

    首先删除默认的面包屑导航

    1
    remove_action( 'woocommerce_before_main_content''woocommerce_breadcrumb', 20, 0);

    将导航添加到其它位置,例如放在header.php中,则直接在header.php适当位置插入如下代码

    1
    if( function_exists( 'woocommerce_breadcrumb') ) woocommerce_breadcrumb();

    也可以用add_action添加,例如

    1
    add_action( 'woocommerce_after_main_content''woocommerce_breadcrumb' );

    不知道有哪些hooks可用?那么了解一下WC内建的Actions和Filters

    修改面包屑导航的参数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // Code source: https://gist.github.com/dwiash/4064836
    function my_woocommerce_breadcrumbs() {
        return array(
            'delimiter'   => ' / ',
            'wrap_before' => '<nav itemprop="breadcrumb">',
            'wrap_after'  => '</nav>',
            'before'      => '',
            'after'       => '',
            'home'        => _x( 'Home''breadcrumb''woocommerce' ),
        );
    }
    add_filter( 'woocommerce_breadcrumb_defaults''my_woocommerce_breadcrumbs' );

    注意如果这个自定义函授了以后,调用的时候需要改成对应的函数名

      参数注释:

    delimiter:分隔符

    wrap_before:起始标签

    wrap_after:结束标签

    before:起始标签之后、面包屑导航链接之前的内容

    after:面包屑导航链接之后、结束标签之前的内容

    home:首页文字,例如像给首页加font-awesome,可以这样设置

    1
    'home' => _x( '<i></i> Home''breadcrumb''woocommerce' ),

      

  • 相关阅读:
    rhel 6.4 + udev+ 11.2.0.3 + gi + asm+ rac 双节点安装
    rhel 6.4 + udev + 11.2.0.3 + asm 单点安装
    vmware 中linux虚拟机动态添加硬盘
    flashback drop
    flashback query
    11g crsctl start/stop crs 和 crsctl start/stop cluster 的关系
    10g crs 启动报错的记录
    检测数据库日志的切换频率及归档文件大小的sql
    用widthStep的方法来增加某范围的像素----与imageROI对比
    用imageROI来增加某范围的像素
  • 原文地址:https://www.cnblogs.com/ytkah/p/11656039.html
Copyright © 2011-2022 走看看