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

Topic summary

テーマのテンプレート改修とアプリ導入の2案が提示。目的は顧客が写真をアップロードし、アクリル板に印刷・切り抜きして販売すること。

  • テンプレート案: Dawnなどのmain-product.liquidにファイルアップロードUIを埋め込み。画像アップ→カート投入で商品情報にファイルが付加。UIのデザイン調整や商品ページでの画像表示は追加カスタマイズが必要。参考リンク(コミュニティ投稿、DawnのGitHub PR)あり。
  • アプリ案: 切り抜きまで行うなら「Image Uploader」アプリを推奨。デモストアリンク提供。Shopify App Storeで“image upload”検索も推奨。

用語補足: テンプレート=テーマのページ構成ファイル、main-product.liquid=商品詳細セクション、UI=ユーザーの操作画面、切り抜き=画像のトリミング。

現状・結論: 実装方法の選択肢が共有された段階で、導入可否や最終方針は未定。添付画像は希望する仕上がりイメージの参考。

Summarized with AI on February 9. AI used: gpt-5.

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

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

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

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

https://community.shopify.com/topic/1351026

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


  
  

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

上記のコードを商品詳細ページのテンプレート(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

ご参考まで。

(キュー田辺)