# 「配送希望日」と「ラッピング」について

**URL:** <https://community.shopify.com/t/topic/2038>\
**Category:** Shopify アプリ\
**Created:** [February 7, 2019, 2:36pm UTC](https://community.shopify.com/t/topic/2038 "2019-02-07T14:36:43Z")\
**Posts on this page:** 6\
**Page:** 1

## AI-generated summary

Shopify標準では「配送希望日」「ラッピング」の専用設定はなくても、機能拡張アプリなしでテーマ編集により対応できる、という結論になった。提示された方法は、カートをモーダルではなくページ表示にし、cart.liquidへcart attributes用の入力欄コードを追加するもの。画像とコード例が中心で、`attributes[DeliveryDate]` と `attributes[Wrapping]` を使う実装が示された。

確認結果として、入力内容は注文管理画面に表示され、`/admin/orders.json` のレスポンスでは `note_attributes` に `name`/`value` 形式で格納された。今回の例では配送希望日とラッピングがその形で取得できた。

追加質問の「アプリごとに保存先プロパティが異なるか」については、回答者の経験上は `note_attributes` のみとの認識で、生成コードによって別プロパティに入るという情報は出ていない。ただしこれは経験ベースの回答で、厳密な仕様確認まではされていない。全体としては実装方法とAPI出力確認までできており、概ね解決している。

<div class="post-metadata">

**Author:** ![matsumoto](https://avatars.discourse-cdn.com/v4/letter/m/9fc348/32.png) [@matsumoto](https://community.shopify.com/u/matsumoto)\
**Post date:** [February 7, 2019, 2:36pm UTC](https://community.shopify.com/t/topic/2038/1 "2019-02-07T14:36:43Z")

</div>

お世話になっております。現在、自社倉庫システムとの連携を行うプライベートアプリを作成中なのですが、

注文情報の連携にあたり、「配送希望日」と「ラッピング」について質問があります。

（1）Shopify 上の ストア（ECShop）の標準設定では、「配送希望日」および「ラッピング」の指定はできないものでしょうか？

（2）1）の場合、指定できるようにするには「機能拡張用アプリをインストールする」以外に方法は無いのでしょうか？

（3）機能拡張用アプリ毎で、orderエンドポイントのレスポンス内容（配送希望日やラッピングが設定されるプロパティが）異なる場合はありますか？

例） アプリA⇒プロパティ「タグ」に配送日が設定される

アプリB⇒プロパティ「メモ」に配送日が設定される

お忙しいところお手数をおかけしますが、ご回答のほどよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/b/b/7bbfe07c91e3f502d9c876612b0b445245662ef9.png) [@system](https://community.shopify.com/u/system)\
**Post date:** [February 8, 2019, 9:47am UTC](https://community.shopify.com/t/topic/2038/2 "2019-02-08T09:47:07Z")

</div>

* * *

---

<div class="post-metadata">

**Author:** ![Takuma](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takuma/32/315167_2.png) [@Takuma](https://community.shopify.com/u/Takuma)\
**Post date:** [February 8, 2019, 10:20am UTC](https://community.shopify.com/t/topic/2038/3 "2019-02-08T10:20:12Z")

</div>

私も属性を追加して使うことがあるので参考になればと思います。

拡張アプリは不要でShopify単体でできると思います。

Supplyテーマで確認しました。

なお、できる限りその部分に特化したかったので装飾は行っていません。

**１．カートを変更する**

モーダルだと属性を追加することが出来ないので「ページ」にする

 ![4.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/c/1c4dbf285cad8a61f422fb66aeb9ab2ad5765bf0.png)

**２．[Shopify UI Elements Generator](https://ui-elements-generator.myshopify.com/pages/cart-attribute) でコードを生成する**

URL [https://ui-elements-generator.myshopify.com/pages/cart-attribute](https://ui-elements-generator.myshopify.com/pages/cart-attribute)

コードの中では、

- 配送希望日は\_\__DeliveryDate_\_\_
- ラッピングは\_\__Wrapping_\_\_

としています。

作成したコード：

```auto
<p class="cart-attribute__field">
  <label for="deliverydate">DeliveryDate</label>
  <input id="deliverydate" type="text" name="attributes[DeliveryDate]" value="{{ cart.attributes["DeliveryDate"] }}">
</p>

<p class="cart-attribute__field">
  <input type="hidden" name="attributes[Wrapping]" value="No">
  <input type="checkbox" name="attributes[Wrapping]" value="Yes"{% if cart.attributes["Wrapping"] == "Yes" %} checked{% endif %}>
  <label>Wrapping</label>
</p>

```

**３．cart.liquidにコードを貼り付ける**

submitを探して、その前に先のコードを貼り付けて保存する

 ![6.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/b/0/b0e93e4b345f6cd153a6a7d51cea81c6ec886ef8.png)

**_設定はここまでです。_**

**４．オンラインを開き商品をカートへ入れ開く**

以下のように追加した入力項目が表示され入力できる様になる

 ![1.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/e/8e3b636e53661ae87c3484492ae18e1dd506571c.png)

**５．データを確認する**

注文管理には以下のように表示される

 ![2.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/6/5/659a6cc028dc6998938d2ba6377645d9af537ad7.png)

API **/admin/orders.json** で参照すると以下のようにデータが入っている

 ![3.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/2/92816352761dc2e525686bf2ee7fcf21d80d1522.png)

日付入力などはJQueryのDatepickerなども使えるのでカスタマイズを十分に行えます。

ご参考になれば幸いです。

---

<div class="post-metadata">

**Author:** ![matsumoto](https://avatars.discourse-cdn.com/v4/letter/m/9fc348/32.png) [@matsumoto](https://community.shopify.com/u/matsumoto)\
**Post date:** [February 8, 2019, 5:36pm UTC](https://community.shopify.com/t/topic/2038/4 "2019-02-08T17:36:21Z")

</div>

Takumaさん

ご丁寧にご説明いただきありがとうございます！

手順通りに設定したところ、

orderエンドポイントのレスポンスに「配送希望日」と「ラッピング」が出力されるところまで確認することができました。

本当にありがとうございます。

もし（3）についてもご存知でしたらご教授いただきたいです。

追加した属性は、必ず「note\_attributes」として出力されるのでしょうか？

今回は下記のようにデータが出力されましたが、

生成したコードによっては結果が異なったりしますか？

（「note\_attributes」以外の属性値に出力される場合もある？）

```auto
note_attributes: [
　{
　　name: "DeliveryDate",
　　value: "2019/02/20"
　},
　{
　　name: "Wrapping",
　　value: "Yes"
　}
]

```

---

<div class="post-metadata">

**Author:** ![Takuma](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takuma/32/315167_2.png) [@Takuma](https://community.shopify.com/u/Takuma)\
**Post date:** [February 8, 2019, 6:07pm UTC](https://community.shopify.com/t/topic/2038/5 "2019-02-08T18:07:25Z")

</div>

松本さん、

ご連絡ありがとうございました。  
私の認識と経験ではそこ「note\_attributes」だけだと思います。データの持ち方もnameとvalueの組み合わせです。

また、ここと配送先情報はデータが出来た後(チェックアウト後)でも追加変更も出来ます。

Shopify Plusを契約するともっと色々できるようですが、どの様な事がどこまで出来るのか残念ながら経験も情報も持ち合わせておりません。

---

<div class="post-metadata">

**Author:** ![matsumoto](https://avatars.discourse-cdn.com/v4/letter/m/9fc348/32.png) [@matsumoto](https://community.shopify.com/u/matsumoto)\
**Post date:** [February 9, 2019, 3:40pm UTC](https://community.shopify.com/t/topic/2038/6 "2019-02-09T15:40:14Z")

</div>

Takuma様

ご返信ありがとうございます。

＞私の認識と経験ではそこ「note\_attributes」だけだと思います。データの持ち方もnameとvalueの組み合わせです。

こちらの情報ありがとうございます。

大変参考になります。

いただいた情報をもとに色々試してみたいと思います。

ありがとうございました。