FROM CACHE - jp_header

売切れボタンが上手く動作しない

c-s
Shopify Partner
15 0 1

現在、symmetryのtheme2.0を利用しています。

 

商品を登録したさいに、複数のバリエーションがあり、片方が在庫0の場合、売切れボタンがアクティブになってしまいます。

 

例えば、Tシャツの「赤」「青」のバリエーションを登録し

「赤」は在庫あり、「青」は在庫なしの場合、Tシャツの「赤」を選択すると「カートへ追加する」

「青」を選択すると「売切れ」とボタンが切り替わります。

 

ここまではいいのですが、その「売切れ」ボタンを押すとカートページへ遷移し、かごに売り切れの商品が追加されてしまいます。

 

仮に、Tシャツの「赤」「青」どちらも売切れだった場合は、ボタンはアクティブにはならず、カートページには遷移しません。

商品のバリエーションの中に一つでも購入できるアイテムがあると、売り切れの商品までページ遷移してしまうのです。

 

コードを書き換えて、遷移しないようにできるのが一番なのですが、どこをいじったらいいか見当がつかないため

ご教授いただければ幸いです。

よろしくお願いします。

 

2件の返信2
Qcoltd
Shopify Partner
262 113 105

symmetryが有料のテーマである都合、

コード編集画面を開けず、

具体的な編集箇所をお伝えることが難しいため、

その点についての回答ではないことご容赦ください。

 

symmetryを開発ストアに、

Tryモードでインストールし、

少し触ってみました。

 

symmetryを特別にカスタマイズされていない場合、

「SOLD OUT(売り切れ)」ボタンをクリックすると、

/cart/add.js へのAPIコールが行われ(商品をカートに追加する処理とお考えください)、

在庫切れの商品の場合は、そのAPIコールが失敗する、

という流れのようです。

 

/cart/add.js へのAPIコールが行われ(商品をカートに追加する処理とお考えください)、

 

symmetryでは(他のテーマもそうかもしれませんが)、

「SOLD OUT(売り切れ)」ボタンであってもクリック時に、

カート投入しようとするのが正常な動作のようです。

(カート投入しようとしても、在庫切れであれば、カート投入処理が、

 失敗することを前提に作られているようです。)

 

そうしますと、

「SOLD OUT(売り切れ)」ボタンをクリックした際に、

カートに追加しようとする動きそのものが異常なわけではなく、

カートに追加できてしまうこと、が異常、ということになるかと思います。

 

こういった挙動が発生する原因として私が思いつくのは、

商品在庫の設定にて、

「在庫切れの場合でも販売を続ける」

という項目をOnにしている、

ことです。

 

しかし、この場合、

「SOLD OUT(売り切れ)」ボタンが表示されることがないため、

それはそれで不可解なのですが、

とはいえ思いつくのがそこだけなため、

「在庫切れの場合でも販売を続ける」

という項目をOnになっていないかご確認いただき、

OnになっていればOffにしていただくと良いかもしれません。

 

手順は下記です。

 

screenshot_20220805_01.pngscreenshot_20220805_02.png

 

上記の手順で、チェックを外していただいた後、

「保存」していただき、

しばらくしてからもう一度、

カートに投入されるかどうかをお試しください。

(サーバキャッシュの影響で変更がすぐには反映されません。

 保存後、1分以上時間をおいてお試しください。)

 

「在庫切れの場合でも販売を続ける」がOffになっているにも関わらず、

カート投入ができてしまっている場合は、

Shopifyサポートにお問い合わせいただくか、

テーマ開発者にお問い合わせいただくのが、

良さそうです。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
https://techlab.q-co.jp/
c-s
Shopify Partner
15 0 1

アドバイスとご教示ありがとうございます!

 

「在庫切れの場合でも販売を続ける」について各商品を確認しましたが

チェックは入っておらず、販売を続ける状態ではありませんでした。

 

アプリやカスタマイズをしていない開発環境で試してみましたが、

バリエーションが複数あり、その中で在庫ありと在庫なしが混在している場合にのみ

在庫なし商品がカートに追加されてしまうみたいでした。。。

 

テーマ開発者とshopifyセンターに問い合わせてみます。