Question

我想在我的shop-header div之前添加woocommerce_catalog_ordering操作。这将在我的容器div之后添加它。由于我的自定义HTML不是像woocommerce这样的内置动作，我不知道如何订购它们。

function shop_page_header() {
    get_template_part('elements/header-nav'); 

        remove_action( 'woocommerce_before_shop_loop' , 'woocommerce_catalog_ordering', 30 );
        // Remove the result count from WooCommerce
        remove_action( 'woocommerce_before_shop_loop' , 'woocommerce_result_count', 20 );

    if (is_shop()) { ?>

    <div class="container">
        <?php add_action( 'woocommerce_before_main_content', 'woocommerce_catalog_ordering', 20 ); ?>
        <div class="shop-header">
            <div class="callout">
                <div class="inner">
                    <h4>test</h4>
                    <h1>test</h1>
                    <div class="price">$59.00 - $149.00</div>
                    <h4>test</h4>
                    <a href="" class="btn brown arrow white-arrow">Shop Now</a>
                    <a href="" class="btn white-outline">View More</a>
                </div>
            </div>
        </div>
    </div>
    <?php }
}

add_action('woocommerce_before_main_content', 'shop_page_header');

Answer 1

我重组了这样的事情。我不得不打破一切。如果有更好的方法，请分享

// shop page header
function shop_page_header() {
    get_template_part('elements/header-nav'); 
}

function shop_page_banner() {

    if (is_shop()) { ?>

    <div class="container">
        <div class="shop-header">
            <div class="callout">
                <div class="inner">
                    <h4>test</h4>
                    <h1>test</h1>
                    <div class="price">$59.00 - $149.00</div>
                    <h4>test</h4>
                    <a href="" class="btn brown arrow white-arrow">Shop Now</a>
                    <a href="" class="btn white-outline">View More</a>
                </div>
            </div>
        </div>
    </div>
    <?php }
}



remove_action( 'woocommerce_before_shop_loop' , 'woocommerce_catalog_ordering', 30 );
// Remove the result count from WooCommerce
remove_action( 'woocommerce_before_shop_loop' , 'woocommerce_result_count', 20 );

add_action('woocommerce_before_main_content', 'shop_page_header', 10);
add_action( 'woocommerce_before_main_content', 'woocommerce_catalog_ordering', 20 ); 
add_action('woocommerce_before_main_content', 'shop_page_banner', 30);

Answer 2

如果你的主题内置了正确的钩子，你可以使用Simply Show Hooks插件找到合适的插件：https://wordpress.org/plugins/simply-show-hooks/

Woocommerce在woocommerce_before_main_content中在div之前添加动作

2 个答案: