# カートページへのテキストメッセージの追加

**URL:** <https://community.shopify.com/t/topic/150763>\
**Category:** 技術的なQ＆A\
**Created:** [September 12, 2022, 7:54am UTC](https://community.shopify.com/t/topic/150763 "2022-09-12T07:54:36Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ShopifyのカートページでAmazon Payボタン下にテキストを追加し、ボタンサイズを調整する方法についての相談と解決。 

- 手順: 管理画面からテーマの「コードを編集」を開き、cart関連のLiquidファイルで「{{ content_for_additional_checkout_buttons }}」を探し、その周辺のHTMLにテキスト/HTMLを挿入。LiquidはShopifyのテンプレート言語で、このタグは追加チェックアウトボタン（Amazon Pay等）を出力する箇所。 
- サイズ調整: assets内のCSSにスタイルを追加。Amazon PayボタンのCSSクラスは変動する可能性があるため、ボタン出力箇所の親要素のクラスにスタイルを当てる方が安全。 
- 注意点: PayPal等他の決済を有効にしている場合、Amazon Pay直下のみへのテキスト表示は難しい場合がある。いずれもコードカスタマイズが必要。 
- 結果: 上記の方針で対応に成功。必要に応じて個別相談の案内あり。スレッドは解決済み。

<div class="post-metadata">

**Author:** ![innnowa](https://avatars.discourse-cdn.com/v4/letter/i/48db29/32.png) [@innnowa](https://community.shopify.com/u/innnowa)\
**Post date:** [September 12, 2022, 7:54am UTC](https://community.shopify.com/t/topic/150763/1 "2022-09-12T07:54:36Z")

</div>

初めて質問させていただきます。 shopify初心者です。

カートページにある Amazon pay ボタンの下にテキストを追加したいのですが、 どこからどうして良いかわかりません。Amazon pay ボタンの大きさも調整したいと思っています。

ご教示いただけると幸いです。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [September 14, 2022, 11:17am UTC](https://community.shopify.com/t/topic/150763/2 "2022-09-14T11:17:27Z")

</div>

お使いのテーマによって、

具体的なカスタマイズ方法が変わってきますので、

大まかな説明になってしまうことご容赦ください。

### テキストの追加方法

1. ストア管理画面 \> オンラインストア \> テーマ \> 利用中のテーマの「アクション」 \> 「コードを編集」をクリック

2. テンプレート(templates)やセクション(sections)に、cartを含む名称がついたliquidファイルが複数あると思いますので、その中から下記の記述を探します。

```markup
{{ content_for_additional_checkout_buttons }}

```

1. 上記の記述が、Amazon Pay ボタンを出力しているので、この記述がある箇所のHTMLを見て、良きところに、文言やHTMLを追加いただければ、Amazon Pay ボタンの下にテキストを表示できるかと思います。ただし、Amazon Pay 以外にも、PayPalなどを有効にしていると、Amazon Pay ボタンの真下にだけ文言を表示する、というのは難しいかもしれません。

### Amazon Pay ボタンの大きさの変更方法

テキストの追加方法と同様に、コード編集を開き、

アセット(assets)から良さそうなCSSファイルを選び、

そちらに、Amazon Pay ボタンに付与されているCSSクラスのプロパティを追加します。

しかし、Amazon Pay ボタンに付与されているCSSクラス、そのものは、何かの拍子に変わってしまうものかもしれないので、テキストの追加方法に記載したAmazonPayボタンを出力している記述の親にあたるHTML要素に付与さているCSSクラスにプロパティを付与した方が安全かもしれません。

いずれにしても、

コードカスタマイズが必要になりそうです。

必ず対応するというお約束はできませんが、

プライベートメッセージでストアへのURLなどを添えてご相談いただければ、

もう少し具体的な方法をお伝えできるかもしれません。

ご参考まで。

(キュー田辺)

---

<div class="post-metadata">

**Author:** ![innnowa](https://avatars.discourse-cdn.com/v4/letter/i/48db29/32.png) [@innnowa](https://community.shopify.com/u/innnowa)\
**Post date:** [September 15, 2022, 3:37am UTC](https://community.shopify.com/t/topic/150763/3 "2022-09-15T03:37:44Z")

</div>

ありがとうございます！

無事対応する事が出来ました。