FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

オーダーメイド商品(写真アップロード)

オーダーメイド商品(写真アップロード)

spachill
Shopify Partner
7 0 2

スクリーンショット 2022-09-02 6.06.08.png

こちらのように自身の写真をアップロードして、アクリル版を切り抜きして販売することはできるかの問い合わせがありました。

添付の画像のように好みの写真をアップロードし、下地となるアクリル板を選択して印刷したものを販売することができるアプリケーションはありますでしょうか?

 

 

1件の返信1

Qcoltd
Shopify Partner
1335 522 504

テンプレートをカスタマイズする方法と、アプリで実現する方法の2つがあるようです。

 

 

テンプレートをカスタマイズする方法

https://community.shopify.com/c/shopify-design/adding-image-upload-line-item-properties-in-2-0-theme...

https://github.com/Shopify/dawn/pull/745

 

<div>
  <input type="file" id="file" name="properties[File]" form="{{ product_form_id }}">
  <label class="field__label" for="file">Custom Image</label>
</div>

 

使用しているテーマにもよりますが、

上記のコードを商品詳細ページのテンプレート(Dawnであれば、セクション(sections)のmain-prodcut.liquid)に埋め込めば、商品詳細ページにファイルアップロードのUIが表示されます。

そのUIから画像をアップロードした後、商品をカートに投入いただくと、

商品情報にそのファイル情報が付加されたことを確認できるかと思います。

(UIのデザイン調整や、アップロードした画像を表示するためには、更なるカスタマイズが必要そうです。)

 

 

アプリで実現する方法

もし、切り抜き、まで実現するのであれば、こちらのアプリが良いかもしれません。

https://apps.shopify.com/image-uploader-dev?locale=ja

デモストア: https://demo-photo-uploader.myshopify.com/products/custom-iphone-case

 

他にも、Shopify App Store内で、「image upload」で検索しますと、たくさんのアプリが出てきますので、いくつかお試しいただくとご希望により合ったアプリが見つかるかもしれません。

 

https://apps.shopify.com/search?locale=ja&q=image%20upload

 

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/