# オーダーメイド商品（写真アップロード）

**URL:** <https://community.shopify.com/t/topic/148200>\
**Category:** Shopify アプリ\
**Created:** [September 1, 2022, 9:11pm UTC](https://community.shopify.com/t/topic/148200 "2022-09-01T21:11:06Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

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

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

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

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

<div class="post-metadata">

**Author:** ![spachill](https://avatars.discourse-cdn.com/v4/letter/s/a88e57/32.png) [@spachill](https://community.shopify.com/u/spachill)\
**Post date:** [September 1, 2022, 9:11pm UTC](https://community.shopify.com/t/topic/148200/1 "2022-09-01T21:11:06Z")

</div>

![スクリーンショット 2022-09-02 6.06.08.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/1/8/5/1852df14457250863f1faf29aec4249753dab2fe.jpeg)

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

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

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [September 5, 2022, 1:08pm UTC](https://community.shopify.com/t/topic/148200/2 "2022-09-05T13:08:03Z")

</div>

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

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

[https://community.shopify.com/topic/1351026](https://community.shopify.com/topic/1351026)

[https://github.com/Shopify/dawn/pull/745](https://github.com/Shopify/dawn/pull/745)

```markup

  
  

```

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

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

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

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

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

**アプリで実現する方法**

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

[https://apps.shopify.com/image-uploader-dev?locale=ja](https://apps.shopify.com/image-uploader-dev?locale=ja)

デモストア: [https://demo-photo-uploader.myshopify.com/products/custom-iphone-case](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](https://apps.shopify.com/search?locale=ja&q=image%20upload)

ご参考まで。

(キュー田辺)
