WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマEGO.:ヘッダー右上カート部分の「チェックアウト」の文言を変更する方法

Q.カートに商品を追加してからヘッダーの右側カートアイコンにマウスカーソルを合わせると表示される「チェックアウト」という文字を変更したいです。

▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でカスタマイズしてください。

・Welcart版

編集するファイル: template-parts/header-view-cart.php
編集する箇所: 40行目付近

<a class="p-button" href="<?php echo esc_attr( USCES_CUSTOMER_URL ); ?>"><?php _e( 'Checkout', 'tcd-w' ); ?></a>

 ↓

<a class="p-button" href="<?php echo esc_attr( USCES_CUSTOMER_URL ); ?>"><?php _e( 'テキスト' ); ?></a>
・WooCommerce版

編集するファイル: template-parts/header-view-cart.php
編集する箇所: 82行目付近

<a class="p-button" href="<?php echo esc_attr( wc_get_checkout_url() ); ?>"><?php _e( 'Checkout', 'tcd-w' ); ?></a>

 ↓

<a class="p-button" href="<?php echo esc_attr( wc_get_checkout_url() ); ?>"><?php _e( 'テキスト' ); ?></a>
・文字サイズと余白を調整したい場合

文字数によってはすべてのテキストが表示しきれない(表示領域からはみ出る)ことも考えられます。あまり多くの文字数を表示することを想定した仕様となっておりませんが、TCDテーマ>基本設定>カスタムCSSに以下を入力し調整をお試しください。

.p-header-view-cart__buttons .p-button { font-size: 〇px; padding: 0 ●px; }

※〇に文字の大きさ、●に左右余白について任意の数値に変更してください。
※左側の「カートを見る」にも同じスタイルが適用されます。

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。