キャンセル
次の結果を表示 
次の代わりに検索 
もしかして: 

カート画面でのオプション項目の付与について

解決済
Highlighted
観光客
4 0 1

お世話になっております。
カート画面でのオプション項目の付与についてご教示いただきたいです。

 

**********************
実現したい事
**********************
カート画面にテキストや画像のオプション項目をつけて、商品注文のメモに表示したい


**********************
試した事
**********************

下記ページを参考にカート画面のコードを編集しました。
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・・・と画像の確認ができません。
そもそもですが、カート画面のオプション項目に画像オプションをつけることはできないのでしょうか?

0 件の「いいね!」

成功

ドキュメントからリンクされている下記のUI Generatorで生成できるコードだけが追加できると思います。

https://ui-elements-generator.myshopify.com/pages/cart-attribute

 

type=fileはサポートされていないと思います。

Technical Partner Manager, Japan
1 件の「いいね!」