お客様がカートに商品を追加した後もカスタマイズを編集できるようにしたい場合は、カスタマイズ編集機能を有効にします。

1. Customixアプリで「デザインを編集」を有効にする

  • 設定セクションに移動し、ストアフロントタブを選択します。「デザインを編集」機能が表示されるので、有効にします。

2. デザイン画像を表示するクラスを調べる

  • まずカートページを開き、F12キーを押すか、右クリックして「検証」を選択します。
  • 次に「要素セレクター」アイコンを選択し、下のスクリーンショットのようにカートページの該当エリアにカーソルを合わせます。
  • 該当する要素のクラスが「.cart-item__details」であることが分かります。ダブルクリックしてコピーします。

3. テーマのカートページにCustomixのスクリプトコードを追加する

  • Shopify管理画面でオンラインストア -> テーマに移動し、コードを編集をクリックします。
  • 次に、検索アイコンをクリックし、前の手順でコピーしたクラス名を貼り付けます。
  • 検索結果のうち、「main-cart-items.liquid」セクションの項目をクリックします。
  • このコード部分の末尾までスクロールし、以下のコードを追加します。
{% assign cm_customization_id = item.properties['_cm-customization-id'] %}
                      {% assign cm_campaign = item.product.metafields.customix.campaign %}
                      {% if cm_customization_id %}
                        <div
                          class="cm-edit-customization"
                          data-cm-campaign="{{ cm_campaign | escape }}"
                          data-cm-customization-id="{{ cm_customization_id }}"
                          data-cm-variant-id="{{ item.id }}"
                          data-cart-item-key="{{ item.key }}"
                        ></div>
                      {% endif %}
  • 最後に、忘れずに保存ボタンをクリックします。
  • その後、カートに「デザインを編集」オプションが表示されます。

*ご注意：この方法で「デザインを編集」ボタンが追加されるのは、メインのカートページのみです。カートドロワーにも追加したい場合は、サポートチームまでお問い合わせください。

更新日：2026/05/22