FROM CACHE - jp_header

Dawn カートページ内にてラッピングを承りたい。product_cardの中に「カートに追加」ボタンを追加する方法

MasaBan
新規メンバー
1 0 0

Dawnを使っています

やりたいこと
カートページ内にて、無料または有料のラッピングを追加できるようにする。

 

試したこと

①オフシャルのtips
https://help.shopify.com/en/manual/online-store/themes/os/customize/add-gift-wrap-option#include-the...

Dawnでは使えませんでした。

 

②カートないの商品を並べ切ったあとに、ラッピング用商品を追加して並べる案

カートの中にない商品を指定して表示する方法がわかりませんでした。

 

③特集商品にて対応案

画像が大きくなりすぎるためバランスが悪く諦めました。

スマホ画面の1/4ほどに抑えたいです

 

④特集コレクションにて対応案

大きさのバランスは良いのですが、カート画面内で「カートに追加」のアクションまで行いたいです。

特集商品のliquidから、quantity-selectorのsnippetをつくり、product_cardの値段を呼び込む次に数量セレクターを呼び込むところまではできました。

購入ボタンではうまくいきません。

 

今のところ④の方針でなんとか進めようとしていますが、他の方法でも、②、③の方法でも構いませんのでアドバイスをいただきたいです。

よろしくお願いします。

1件の返信1
ayumu_BN
新規メンバー
1 0 0

私もコーディングなど全くできず、同じ悩みで困っていましたが、解決できました。

参照している、SHOPIFYのTIPs

https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

 

↑上記の「コードスニペットを作成する」までは手順通りで、

それをカートに表示させる際に、「カートテンプレートにスニペットを含める」の中に、

dawnでは指定されているliquidが無いのですが

 

main-cart-items.liquid の中に記載通りのコードがあります。あとは手順通りすれば表示されます!

 

  1. [セクション] ディレクトリで、[main-cart-items.liquid] をクリックします。

  2. コードで</form>終了タグを探します。</form>終了タグの上の新しい行に、次のコードを貼り付けます。

{% render 'gift-wrapping' %}
  1. [保存] をクリックします。

 

もうずいぶん前の質問で解決済みかもしれませんが、備忘録として残しておきます。