FROM CACHE - jp_header
解決済

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

akatuki
観光客
14 0 4

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

 

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


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

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

1 件の受理された解決策

junichiokamura
Community Manager
1200 280 506

成功

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

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

 

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

Senior Partner Solutions Engineer

元の投稿で解決策を見る

1件の返信1

junichiokamura
Community Manager
1200 280 506

成功

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

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

 

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

Senior Partner Solutions Engineer