チェックアウト画面の商品サマリーが見づらく、特にスマホでクーポン入力エリアが分かりづらい点への対応方法が相談された。Shopify Plus環境で、商品サマリー欄はLiquidでは編集できなくなった認識があり、編集可否と、不可の場合にクーポン入力エリアを別ブロックで追加する最適な方法が質問された。
回答では、モバイル側のクーポンエリアUIは昨年12月頃にデフォルト変更されており、従来のようにクーポン欄を開いた状態に近づけるにはCheckout UI Extensionの利用が必要と案内された。あわせて、スペーサーを入れる実装サンプルのGitHubコードが共有された。
現時点での具体的な結論は、商品サマリー自体のLiquid編集方法は提示されておらず、実務上はCheckout UI Extensionでの対応が有力という流れ。質問者は参考にすると返信しており、議論は実装検討段階で終了している。
いつもお世話になっております。
チェックアウト画面について、既存の商品サマリー欄が見ずらいという意見がり、
またスマホ時にクーポンエリアが分かりずらいという問い合わせがあります。
チェックアウト画面の商品サマリー欄をliquidで編集できなくなったと認識しているのですが、
商品サマリー欄を編集する方法はありますでしょうか？
また、
できない場合、クーポン入力エリアのみ別ブロックで追加したいと思うのですが、
ベストな方法などありますでしょうか？
プランは、shopify plusプランになっています。
@elinkoinc はじめまして。
株式会社Alquimistaの中原と申します。
昨年12月頃からモバイル側はデフォルトのクーポンエリアのUIに変更がありました。
今までのようにクーポンエリアが開いている状態にするには、Checkout UI Extensionでスペーサーを入れる必要があります。
Shopify Japanの岡村さん @junichiokamura が実装されてらっしゃるサンプルコードがありますので、共有させていただきます。
自社で実装が難しい場合は、お付き合いのあるPartner様にお問い合わせくださいませ。
もしPartner様がいらっしゃらなければ、私のプロフィールから弊社にお問い合わせいただいても大丈夫です。
ありがとうございます。
参考にさせていただきます！