# チェックアウト画面のカスタマイズについて（商品サマリー）

**URL:** <https://community.shopify.com/t/topic/588583>\
**Category:** 日本語\
**Created:** [February 17, 2026, 6:47am UTC](https://community.shopify.com/t/topic/588583 "2026-02-17T06:47:37Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

チェックアウト画面の商品サマリーが見づらく、特にスマホでクーポン入力エリアが分かりづらい点への対応方法が相談された。Shopify Plus環境で、商品サマリー欄はLiquidでは編集できなくなった認識があり、編集可否と、不可の場合にクーポン入力エリアを別ブロックで追加する最適な方法が質問された。

回答では、モバイル側のクーポンエリアUIは昨年12月頃にデフォルト変更されており、従来のようにクーポン欄を開いた状態に近づけるにはCheckout UI Extensionの利用が必要と案内された。あわせて、スペーサーを入れる実装サンプルのGitHubコードが共有された。

現時点での具体的な結論は、商品サマリー自体のLiquid編集方法は提示されておらず、実務上はCheckout UI Extensionでの対応が有力という流れ。質問者は参考にすると返信しており、議論は実装検討段階で終了している。

<div class="post-metadata">

**Author:** ![elinkoinc](https://avatars.discourse-cdn.com/v4/letter/e/ee7513/32.png) [@elinkoinc](https://community.shopify.com/u/elinkoinc)\
**Post date:** [February 17, 2026, 6:47am UTC](https://community.shopify.com/t/topic/588583/1 "2026-02-17T06:47:37Z")

</div>

いつもお世話になっております。

チェックアウト画面について、既存の商品サマリー欄が見ずらいという意見がり、

またスマホ時にクーポンエリアが分かりずらいという問い合わせがあります。

チェックアウト画面の商品サマリー欄をliquidで編集できなくなったと認識しているのですが、

商品サマリー欄を編集する方法はありますでしょうか？

また、

できない場合、クーポン入力エリアのみ別ブロックで追加したいと思うのですが、

ベストな方法などありますでしょうか？

プランは、shopify plusプランになっています。

---

<div class="post-metadata">

**Author:** ![bonjour\_ken](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/bonjour_ken/32/50892_2.png) [@bonjour\_ken](https://community.shopify.com/u/bonjour_ken)\
**Post date:** [February 17, 2026, 10:34am UTC](https://community.shopify.com/t/topic/588583/2 "2026-02-17T10:34:56Z")

</div>

@elinkoinc はじめまして。

株式会社Alquimistaの中原と申します。

昨年12月頃からモバイル側はデフォルトのクーポンエリアのUIに変更がありました。

今までのようにクーポンエリアが開いている状態にするには、Checkout UI Extensionでスペーサーを入れる必要があります。

Shopify Japanの岡村さん @junichiokamura が実装されてらっしゃるサンプルコードがありますので、共有させていただきます。

> **[shopify-barebone-app-sample/extensions/my-checkout-ui-ext-3 at main ·...](https://github.com/shopify-apac-ts/shopify-barebone-app-sample/tree/main/extensions/my-checkout-ui-ext-3)**
>
> Simple Shopify App sample without CLI generator for quick learning - shopify-apac-ts/shopify-barebone-app-sample

自社で実装が難しい場合は、お付き合いのあるPartner様にお問い合わせくださいませ。

もしPartner様がいらっしゃらなければ、私のプロフィールから弊社にお問い合わせいただいても大丈夫です。

---

<div class="post-metadata">

**Author:** ![elinkoinc](https://avatars.discourse-cdn.com/v4/letter/e/ee7513/32.png) [@elinkoinc](https://community.shopify.com/u/elinkoinc)\
**Post date:** [February 18, 2026, 2:24am UTC](https://community.shopify.com/t/topic/588583/3 "2026-02-18T02:24:14Z")

</div>

ありがとうございます。  
参考にさせていただきます！