# 「ご購入手続きへ」のボタンが見えなくなった

**URL:** <https://community.shopify.com/t/topic/361794>\
**Category:** 総合的なディスカッション\
**Created:** [September 26, 2024, 8:20pm UTC](https://community.shopify.com/t/topic/361794 "2024-09-26T20:20:19Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

商品ページのHTML編集後、カート画面の「ご購入手続きへ」ボタンが“表示はされないが存在はする”状態に。該当箇所をタップするとチェックアウトへ遷移し、長押しで文言コピーも可能。スクリーンショット添付あり。

提案：CSSでボタン色を変更（例：.buttonクラスのbackgroundをblackに）すれば可視化できる可能性。原因特定のためプレビューリンク提示を依頼。

試行済み：テーマエディター（歯車 > 色 > 配色）で色スキームを変更したが解消せず。チェックアウトボタンは「カスタマイズ不可」と表示。HTMLを削除しても見えないままのため、編集の影響が残っている可能性。

現状・論点：未解決。ボタンが背景と同化するなどのCSS起因が有力。テーマ設定では反映されないため、カスタムCSSの直接適用や、プレビュー提供によるセレクタ特定が次のアクション。必要に応じてHTML修正やリストアも検討。

<div class="post-metadata">

**Author:** ![maru](https://avatars.discourse-cdn.com/v4/letter/m/a88e4f/32.png) [@maru](https://community.shopify.com/u/maru)\
**Post date:** [September 26, 2024, 8:20pm UTC](https://community.shopify.com/t/topic/361794/1 "2024-09-26T20:20:19Z")

</div>

商品ページをHTMLで編集していた影響か、カートに商品を追加後に、「ご購入手続きへ」のボタンが見えなくなってしまいました。

表示されなくなったのではなく、見えなくなったと表現したのは、  
本来ボタンがあるはずのところ(画像でいうところの赤枠部分)をタップするとチェックアウトページに問題なく移行するためです。

また、ボタンがあるはずの部分を長押しすると、ご購入手続きへ の文字をコピーできるので、ボタン自体はあるようです。

商品ページのHTMLを削除しても、ボタンは表示されないままです。

どのようにすれば「ご購入手続きへ」のボタンを表示できますでしょうか？

 ![IMG_6357.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/f/cfeba08bc6e17e90ca2ee212c1852e0cd124427f.jpeg)

 ![IMG_6356.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/3/435b5de50659454cbbab112439394419a135f64a.jpeg)

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [September 27, 2024, 4:29am UTC](https://community.shopify.com/t/topic/361794/2 "2024-09-27T04:29:00Z")

</div>

質問拝見しました。

こちらに関してはボタン自体は存在するということですので、ボタンの色を以下cssで変更してみてはいかがでしょうか？

```css
.buttonのクラス名{
background:black;
}

```

おそらくそれで表示されるかと思います。

もし違う物が影響しているのであれば、プレビューリンクいただければ具体的なアドバイスができるかと思います。

ご参考にしていただけますと幸いです。

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![maru](https://avatars.discourse-cdn.com/v4/letter/m/a88e4f/32.png) [@maru](https://community.shopify.com/u/maru)\
**Post date:** [October 1, 2024, 6:53am UTC](https://community.shopify.com/t/topic/361794/3 "2024-10-01T06:53:52Z")

</div>

誠にありがとうございます。

確認してみたところ、[テーマエディター画面](https://admin.shopify.com/store/c03ae0-8e/themes/169174401343/editor?previewMode=mobile&previewPath=%2Fcart&block=template--22860900630847 __cart-footer__ buttons&section=template--22860900630847__cart-footer&category=gid%3A%2F%2Fshopify%2FOnlineStoreThemeSettingsCategory%2F%25E8%2589%25B2%3Ftheme_id%3D169174401343%26first_setting_id%3Dcolor_schemes)の左、歯車のアイコン ⚙ \> 色 \> スキーム(色の配色)で変更・編集しようとしましたが、解消されませんでした。

また、チェックアウトボタンについては、カスタマイズ可能な設定はありません との表示が出てしまいました。

 ![maru_0-1727765191347.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/d/8dd170237b68182cdd53b5d729b5565a101f286a.png)

上記から、やはり HTMLで編集した影響が出ているのかと思っております。

一度HTMLを削除したのですが現状元に戻らずでして、なんとかして元に戻すか、HTMLの修正か、アプリの導入などで問題解消できないかと探しております。

もし何か、こうしてみると良いなどの案がございましたら、教えて頂けますと幸いです。
