将档案标题,面包屑和分页移动到div中 - Woocommerce - Wordress - Genesis

时间:2017-02-24 13:51:48

标签: php wordpress pagination woocommerce genesis

我使用Genesis Framework for Wordpress和Woocommerce。我试图移动档案标题&描述以及主容器外面的面包屑和分页。

这就是我想要实现的目标

<div class="new-header"><div class="wrap">
**Breadcrumb** 
**Title & Description**
**Pagination**
</div></div>

这是我尝试添加新div,但不包含任何其他元素。

function my_new_cat_header() {

    echo '<div class="woo-cat-header"><div class="wrap">';

    // Add breadcrumbs to woocommerce
    add_action( 'genesis_after_header', 'woocommerce_breadcrumb', 99 );

    //Move category (archive) title and description outside of the container
    remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
    add_action( 'genesis_after_header', 'woocommerce_taxonomy_archive_description', 100 );

    // Show woocommerce pagination on the top of shop page
    add_action( 'genesis_after_header', 'woocommerce_pagination', 10 );

    echo '</div></div>';
}

add_action( 'genesis_after_header', 'my_new_cat_header' );

非常感谢任何帮助,反馈或支持。

1 个答案:

答案 0 :(得分:0)

这是你实现这一目标的一种方式。我确信可能有更好的方法来做到这一点。

//* Remove stuffs
remove_action( 'woocommerce_pagination', 'woocommerce_pagination', 10);
remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );

//* Start of the div
add_action( 'genesis_after_header', 'my_new_cat_header_start' );
function my_new_cat_header_start() {
    echo '<div class="woo-cat-header"><div class="wrap">';
}

// Add breadcrumbs to woocommerce
add_action( 'genesis_after_header', 'woocommerce_breadcrumb' );
function woocommerce_breadcrumb() {
    echo "bread";
}

//Move category (archive) title and description outside of the container
add_action( 'genesis_after_header', 'woocommerce_taxonomy_archive_description' );
function woocommerce_taxonomy_archive_description() {
    echo "description";
}

// Show woocommerce pagination on the top of shop page
add_action( 'genesis_after_header', 'woocommerce_pagination' );
function woocommerce_pagination() {
    echo "pagination";
}

//* Ending of the div
add_action( 'genesis_after_header', 'my_new_cat_header_end' );
function my_new_cat_header_end() {  
    echo '</div></div>';
}

以上代码是如何在我的本地服务器中输出的。

<div class="woo-cat-header">
<div class="wrap">breaddescriptionpagination</div>
</div>

如果您向genesis_after_header挂钩添加了更多内容,则可能需要使用适当的优先级编号,例如add_action( 'genesis_after_header', 'woocommerce_breadcrumb', 15 );

希望这有帮助!