カートの後に「ショップに戻る」を移動する方法-カートページの合計
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()内に任意の場所を配置できます。
それを試して、何が起こるか教えてください。