FROM CACHE - jp_header
解決済

add.jsでBundled section rendering

r-irisawa
Shopify Partner
12 0 1

https://shopify.dev/docs/api/ajax/reference/cart#bundled-section-rendering

↑を参考にした

 

      let formData = {
        'items': [...this.items],
        'sections':['cart-notification-product''cart-notification-button''cart-icon-bubble'],
        'sections_url': window.location.pathname
      };

      fetch(window.Shopify.routes.root + 'cart/add.js', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(formData)
      })
      .then(response => {
        console.log( response );
      })
      .catch((error) => {
        console.error('Error:', error);
      });

responceにsectionsが含まれて欲しいのですが返却値にありません。。

 

■返却されたデータ

スクリーンショット 2023-08-22 18.12.32.png

 

■希望するレスポンス内容

{
  attributes: {},
  cart_level_discount_applications: [],
  currency: "CAD",
  item_count: 1,
  items: [{…}],
  items_subtotal_price: 100100,
  note: null,
  original_total_price: 100100,
  requires_shipping: true,
  sections: {
    cart-items: "<div id=\"shopify-section-template--14199693705272_…9930913703934\" defer=\"defer\"></script>\n\n\n\n\n</div>",
    cart-icon-bubble: "<div id=\"shopify-section-cart-icon-bubble\" class=\"…ss=\"visually-hidden\">1 item</span>\n  </div></div>",
    cart-live-region-text: "<div id=\"shopify-section-cart-live-region-text\" cl…opify-section\">New subtotal: $1,001.00 CAD\n</div>",
    cart-footer: "<div id=\"shopify-section-template--14199693705272_…   </div>\n    </div>\n  </div>\n</div>\n\n\n\n\n\n\n</div>"
  },
  token: "9ee5d43a08fb9a779828e42a4b6aa09a",
  total_discount: 0,
  total_price: 100100,
  total_weight: 1000,
}

 

何か足りない部分があるのでしょうか?

 

よろしくお願いいたします。

 

 

 

 

 

 

 

 

 

 

1 件の受理された解決策

ogasawarakyohei
Shopify Partner
112 44 41

成功

確認されているのはfetchで返されるResponseオブジェクトの中身です。

期待されるレスポンス内容は、response.json() をした結果のことだと思われます。

 

小笠原 京平 | 株式会社Tsun | RuffRuff アプリ
・私の回答が役に立ったら、いいね! ボタンをクリックして教えてください!
Shopify 開発で役に立つ情報を発信していますので、テックブログおすすめ Shopifyアプリ もぜひご参照ください。

元の投稿で解決策を見る

2件の返信2

ogasawarakyohei
Shopify Partner
112 44 41

成功

確認されているのはfetchで返されるResponseオブジェクトの中身です。

期待されるレスポンス内容は、response.json() をした結果のことだと思われます。

 

小笠原 京平 | 株式会社Tsun | RuffRuff アプリ
・私の回答が役に立ったら、いいね! ボタンをクリックして教えてください!
Shopify 開発で役に立つ情報を発信していますので、テックブログおすすめ Shopifyアプリ もぜひご参照ください。
r-irisawa
Shopify Partner
12 0 1

ご回答ありがとうございます!

 

response.json()

で確認することを失念しておりました!

 

修正し、期待したレスポンスを確認することができました!