FROM CACHE - jp_header
解決済

cart/add.jsした後にチェックアウトページへ移動

cheche1
Shopify Partner
11 1 0
  $(".linkto").on("click",function() {
    fetch(window.Shopify.routes.root + 'cart/add.js', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(formData)
    })
    .then(response => {
      return response.json();
    })
    .then(() => {
      document.location.href = "/cart";
    })
    .catch((error) => {
      console.error('Error:', error);
    });
  });

タイトル通りなのですが、現在、カートへ追加したらカートページへ転送しているのですが、

チェックアウトページへそのまま転送へ進めることは可能でしょうか?

/checkoutだとだめなようで・・

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1441 504 644

成功

Cheche1 様

 

はじめまして、フルバランスの道家と申します。

ご質問確認いたしました。


スムーズにカートにいけると便利ですよね

こちら、以下のコードをdevtoolsのconsoleから試したところ、
カートに商品を追加した状態で、checkoutページに遷移することができました。

お手数ですが、再度お試しいただけますと幸いです。

let formData = {
 'items': [{
  'id': 42071731110077, // 変更してください
  'quantity': 1
  }]
};

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


なにかヒントになれば嬉しいです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

また、なにかご質問があればいつでもご連絡ください。

フルバランス 道家

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1441 504 644

成功

Cheche1 様

 

はじめまして、フルバランスの道家と申します。

ご質問確認いたしました。


スムーズにカートにいけると便利ですよね

こちら、以下のコードをdevtoolsのconsoleから試したところ、
カートに商品を追加した状態で、checkoutページに遷移することができました。

お手数ですが、再度お試しいただけますと幸いです。

let formData = {
 'items': [{
  'id': 42071731110077, // 変更してください
  'quantity': 1
  }]
};

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


なにかヒントになれば嬉しいです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

また、なにかご質問があればいつでもご連絡ください。

フルバランス 道家

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
cheche1
Shopify Partner
11 1 0

すいません!ありがとうございました。URLに直接貼り付けてたのがダメだったんですね。。
コードを通したらちゃんとcheckoutへ進みました。ありがとうございます!