Liquid、JavaScriptなどに関する質問
PCはチェックアウト画面に商品名や価格などが表示されるのですが、スマホのチェックアウト画面は価格のみ表示されて「注文内容の表示・クーポンの入力」と記載があり商品名はアコーディオンで隠されています。
「注文内容の表示・クーポンの入力」をクリックすると商品名などの注文内容の詳細がアコーディオンで表示されますが、これが分かりにくくデフォルトで注文内容の詳細は全部表示されていてほしいです。
そのための設定はありますでしょうか?
CSSでアコーディオンを外すようなコーディングをする形になりますでしょうか?
ご質問内容を私が勘違いしていなければ良いのですが、
スマホで、チェックアウト画面にアクセスした際の「注文内容の表示・クーポンの入力」の表示を変更するには、
Shopify Plusの契約が必要になるのではないかと思います。
現時点で、チェックアウト画面に、管理画面で設定できる以上のカスタマイズを施すには、Shopify Plusを契約するしか方法がないからです。
(Thank you 画面 (注文状況ページ) は、追加スクリプトである程度カスタマイズできるのですが。。。)
おそらく、Shopify Plus以外のプランでできるチェックアウトのカスタマイズは下記になるかと思います。
https://help.shopify.com/ja/manual/checkout-settings
昨年(2021年)、
checkout app extensionsによって、アプリ導入でShopify Plusではないプランでも、チェックアウト画面をカスタマイズできるようにするというアナウンスがあったのですが、
https://www.shopify.com/jp/blog/partner-shopify-unite-announcements-2021
下記のページを見るに、実装はまだのようです。
https://shopify.dev/api/checkout-extensions
ご参考まで。
(キュー田辺)
ご回答ありがとうございます。
「注文内容の表示・クーポンの入力」の表示を変更するには、
ではなく、SPではアコーディオンで注文内容が開閉できるようになっていて(PCはアコーディオン無し)デフォルトは閉じているのですが、ぱっと見た時に注文内容が表示されていないように見えてアコーディオンで開閉できるようになっているのに気付かないので、デフォルトでアコーディオンを開いていきなり注文内容が表示されるようにしたいと思っておりました。
自分でも調べましたところチェックアウト画面はプラスを契約してないと編集できない事が分かりました。
アコーディオン開閉式でデフォルトで閉じていると、注文内容が見えなくてお客様が自分が注文した商品が確認できないのが不安要素になるのではと考えています。
今のShopifyではプラスの契約をしないとそこは触れなさそうなので一旦諦める事にします。
ご回答ありがとうございました。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025