Liquid、JavaScriptなどに関する質問
お世話になっております。
カート画面でのオプション項目の付与についてご教示いただきたいです。
**********************
実現したい事
**********************
カート画面にテキストや画像のオプション項目をつけて、商品注文のメモに表示したい
**********************
試した事
**********************
下記ページを参考にカート画面のコードを編集しました。
https://help.shopify.com/en/themes/customization/cart/get-more-information-with-cart-attributes
・<form>の「novalidate」を削除
・<form>に「enctype="multipart/form-data"」追加
・オプション項目のコードを追加
<form action="/cart" enctype="multipart/form-data" method="post" class="cart table-wrap" id="cartform"> ・ ・ <p class="cart-attribute__field"> <label>メッセージカード用テキスト</label><br> <textarea id="" name="attributes[メッセージカード用テキスト]">{{ cart.attributes["メッセージカード用テキスト"] }}</textarea> </p> <p class="cart-attribute__field"> <label>メッセージカード用画像</label><br> <input id="custom_photo" type="file" name="attributes[メッセージカード用画像]"> </p> ・ ・ </form>
**********************
不具合箇所
**********************
上記のようにコード編集後、商品を注文すると注文管理のメモ欄には下記のように表示されます。
-----------------------
メッセージカード用テキスト
メッセージカードのテストテキストです。
メッセージカード用画像
#
<ActionDispatch::Http::UploadedFile:0x0000558236f9ac28>
-----------------------
画像のオプション項目だけ、なぜかActionDispatch・・・と画像の確認ができません。
そもそもですが、カート画面のオプション項目に画像オプションをつけることはできないのでしょうか?
解決済! ベストソリューションを見る。
成功
ドキュメントからリンクされている下記のUI Generatorで生成できるコードだけが追加できると思います。
https://ui-elements-generator.myshopify.com/pages/cart-attribute
type=fileはサポートされていないと思います。
成功
ドキュメントからリンクされている下記のUI Generatorで生成できるコードだけが追加できると思います。
https://ui-elements-generator.myshopify.com/pages/cart-attribute
type=fileはサポートされていないと思います。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024