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はサポートされていないと思います。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024