Welcart カートページ内 “買い物を続けるボタン”と”次へボタン”を独自に実装する方法

Welcartのカートページに遷移すると “買い物を続けるボタン” と “次へボタン” がありますが(※Welcart Basicで確認)、デザイン都合上独自に実装した際の内容を書いていきます。

標準のボタン表示関数

“\wp-content\plugins\usc-e-shop\functions\function.php” の 3739行目に “usces_get_cart_button()” という “買い物を続けるボタン” と “次へボタン” 表示用の関数が定義されています。

usces_get_cart_button()

function usces_get_cart_button( $out = '' ) {
	global $usces;
	$res = '';
	
	if($usces->use_js){
		$res .= '<input name="previous" type="button" id="previouscart" class="continue_shopping_button" value="' . __('continue shopping','usces') . '"' . apply_filters('usces_filter_cart_prebutton', ' onclick="uscesCart.previousCart();"') . ' />&nbsp;&nbsp;';
		if( usces_is_cart() ) {
			$res .= '<input name="customerinfo" type="submit" class="to_customerinfo_button" value="' . __(' Next ','usces') . '"' . apply_filters('usces_filter_cart_nextbutton', ' onclick="return uscesCart.cartNext();"') . ' />';
		}
	}else{
		$res .= '<a href="' . get_home_url() . '" class="continue_shopping_button">' . __('continue shopping','usces') . '</a>&nbsp;&nbsp;';
		if( usces_is_cart() ) {
			$res .= '<input name="customerinfo" type="submit" class="to_customerinfo_button" value="' . __(' Next ','usces') . '"' . apply_filters('usces_filter_cart_nextbutton', NULL) . ' />';
		}
	}
	$res = apply_filters('usces_filter_get_cart_button', $res);

	if($out == 'return'){
		return $res;
	}else{
		echo $res;
	}
}

独自にボタンを実装

買い物を続けるボタン

<li><a onclick="uscesCart.previousCart();">買い物を続ける</a></li>

次へボタン

<form name="cartNextForm" action="<?php usces_url('cart'); ?>" method="post">
<a href="javascript:cartNextForm.submit()" onclick="return uscesCart.cartNext();">次へ進む</a>
<input name="customerinfo" type="hidden" value="次へ">
</form>

動作環境情報

エックスサーバー(x10)
PHP 7.3.14
MySQL 5.7
WordPress 5.4.1
Welcart e-Commerce 1.9.30

コメント

タイトルとURLをコピーしました