カートの後に「ショップに戻る」を移動する方法-カートページの合計

Aug 22 2020

モバイルカートページのカート合計の後、[チェックアウト]ボタンの前に[ショップに戻る]を移動したいと思います。

それは可能ですか?多分にそれをフック<?php do_action( 'woocommerce_after_cart_totals' ); ?> cart-totals.php可能な場合、それはファイルcart.phpにハードコードされているので、それを外しする方法:

<div class="cart-collaterals">
<a class="button wc-backward return-to-shop-cart-wholesale" href="/wholesale-ordering/">
        <?php esc_html_e( 'Return to pro shop', 'woocommerce' ); ?>
    </a>
    <a class="button wc-backward return-to-shop-cart-retail" href="<?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?>">
        <?php esc_html_e( 'Return to shop', 'woocommerce' ); ?>
    </a>
        <?php
        /**
         * Cart collaterals hook.
         *
         * @hooked woocommerce_cross_sell_display
         * @hooked woocommerce_cart_totals - 10
         */
        do_action( 'woocommerce_cart_collaterals' );
    ?>
</div>

また、モバイルレイアウトでのみできますか?

回答

MohamedAliO.Ameur Aug 21 2020 at 22:45

これは次の方法で行うことができます。最初に、このcssで「ReturntoShope」を非表示にします。

@media screen and (max-width: 600px) {
.woocommerce-cart .return-to-shop { display: none !important; }
}

@mediaと「600px」を使用してモバイルデバイスのみをターゲットにします。

次に、「チェックアウト」の前にそのボタンを追加します。

do_action( 'woocommerce_after_cart_totals', 'isnert_shop_back_button' );
function isnert_shop_back_button(){
<div class="cart-collaterals">
<a class="button wc-backward return-to-shop-cart-wholesale" href="/wholesale-ordering/">
            <?php esc_html_e( 'Return to pro shop', 'woocommerce' ); ?>
        </a>
        <a class="button wc-backward return-to-shop-cart-retail" href="<?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?>">
            <?php esc_html_e( 'Return to shop', 'woocommerce' ); ?>
        </a>
            <?php
            /**
             * Cart collaterals hook.
             *
             * @hooked woocommerce_cross_sell_display
             * @hooked woocommerce_cart_totals - 10
             */
            do_action( 'woocommerce_cart_collaterals' );
        ?>
    </div>
    }

「ReturnTOSHope」ボタンを表示するために必要なコードを使用しましたが、関数isnert_shop_back_button()内に任意の場所を配置できます。

それを試して、何が起こるか教えてください。