TCDテーマBASARA：カート追加時のメッセージ・ボタンをカスタマイズする方法

Q.カート追加時のメッセージとボタンを変更したい

商品をカートに入れた際にページ上部に表示される「”（商品名）”をお買い物かごに追加しました。」というメッセージに文言を追記したいです。また、あわせて表示される「お買い物かごを表示」ボタンの文言とサイズも変更したいのですが、可能でしょうか？

A.はい、コードの追加で対応可能です

メッセージ文言の変更にはfunctions.phpへのコード追加、ボタンサイズの調整にはカスタムCSSを使用します。

■ メッセージ文言を変更する方法

外観 ＞ テーマファイルエディター から、functions.php（子テーマをご利用の場合は子テーマのfunctions.php）の最後尾に、下記コードを追加してください。

/**
* WooCommerce「カートに追加しました」メッセージを変更する
*/
add_filter('wc_add_to_cart_message_html',function ( $message, $products, $show_qty ) {
$message = str_replace('をお買い物カゴに追加しました。', 'ここに書いたテキストが商品名の後に続けて表示されます。', $message);
return $message;
}, 10, 3);

「ここに書いたテキストが商品名の後に続けて表示されます。」の部分は任意の文言に書き換えてください。

■ ボタンのサイズを調整する方法

管理画面のTCDテーマ ＞ 基本設定 ＞ カスタムCSSに、下記コードをコピペして保存してください。

/* お買い物かごを表示ボタンのサイズ調整 */
.woocommerce-message .button.wc-forward {
display: grid;
place-items: center;
padding: 1em 2em !important; /* 上下・左右の余白 */
font-size: 1em !important; /* 文字サイズ */
}

「1em 2em」などの数値は、0.1単位で調整してみてください。

なお、functions.phpの編集を伴うため、テーマを直接カスタマイズされる場合は、アップデート時に編集内容が失われないよう、子テーマの導入を推奨いたします。