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

日本語 ディスカッション 技術的なQ＆A
1

Dawnを使っています

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

試したこと

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

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

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

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

③特集商品にて対応案

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

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

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

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

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

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

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

よろしくお願いします。

2

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

参照している、SHOPIFYのTIPs

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

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

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

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

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

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

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

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

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

3

手順にそって行いましたが、カートのページで、本来ボタンが表示されるところに以下のエラーが出ました。
もし誰かご存知の方がいらっしゃれば教えていただけないでしょうか？

You attempted to add a gift-wrapping script to your shopping cart, but it won’t work because you don’t have a link list with handle gift-wrapping which, in turn, contains a link to your gift-wrapping product. Please review the steps outlined here.

4

すみません。こちらメニューに商品のリンクを紐付けておりませんでした。
解決しました。

5

投稿者です。
お返事を見落としておりました。

一旦解決しておりましたが参考にさせていただきます。ありがとうございました。