# バリエーションごとに異なる納期を表示する **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css, html\ **Created:** [February 28, 2024, 3:36am UTC](https://community.shopify.com/t/topic/300435 "2024-02-28T03:36:53Z")\ **Posts on this page:** 4\ **Page:** 1 ## AI-generated summary - 目的: 商品単位ではなく、バリエーションごとに納期（リードタイム）を表示したい。アプリは使わずメタフィールドで実現。テーマは Dawn v13.0。 - 対応: 過去回答へのリンクを参照。バリアント用メタフィールド custom.delivery を作成し、Liquid の参照を custom.optiontext から custom.delivery に変更。メタフィールド設定の画像を添付。 - 課題: バリエーション選択時に表示がリアルタイムで切り替わらず、ページ更新後にのみ正しく反映される問題が発生。 - 解決: global.js に少量のコードを追記し、バリエーション変更イベントで納期表示を即時更新するようにして解消。 - 状態: 解決済み。具体的な追記コードは未共有。
**Author:** ![Anonymous\_c7caf5cd49ac18a03ba7e37fe7b23705](https://avatars.discourse-cdn.com/v4/letter/a/e79b87/32.png) [@Anonymous\_c7caf5cd49ac18a03ba7e37fe7b23705](https://community.shopify.com/u/Anonymous_c7caf5cd49ac18a03ba7e37fe7b23705)\ **Post date:** [February 28, 2024, 3:36am UTC](https://community.shopify.com/t/topic/300435/1 "2024-02-28T03:36:53Z")
お世話になります。株式会社リブグラフィと申します。 表題の件について、商品毎ではなく、バリエーション毎に 納期情報を表示する方法はございますでしょうか？ できればアプリではなくメタフィールド等を使って実現したく思っております。 テーマはDawn ver13.0を使用しています。 基礎的な内容にはなりますが、HTMLやCSSの知識もございますので、 単純なカスタマイズであればliquidの編集も可能です。 ご教示の程何卒よろしくお願いいたします。 ---
**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:** [February 28, 2024, 8:32am UTC](https://community.shopify.com/t/topic/300435/2 "2024-02-28T08:32:52Z")
@Anonymous_c7caf5cd49ac18a03ba7e37fe7b23705 様 ご質問いただいている、バリエーション毎に納期情報を表示したい件ですが、 以前、別のご質問で同様の回答をさせていただきましたので、そちらの記事をご参照いただければと思います。 [https://community.shopify.com/topic/1996022](https://community.shopify.com/topic/1996022) ご参考まで。 （キュー小坂） ---
**Author:** ![Anonymous\_c7caf5cd49ac18a03ba7e37fe7b23705](https://avatars.discourse-cdn.com/v4/letter/a/e79b87/32.png) [@Anonymous\_c7caf5cd49ac18a03ba7e37fe7b23705](https://community.shopify.com/u/Anonymous_c7caf5cd49ac18a03ba7e37fe7b23705)\ **Post date:** [February 29, 2024, 7:17am UTC](https://community.shopify.com/t/topic/300435/3 "2024-02-29T07:17:49Z")
関連トピックを共有いただきありがとうございます。 リンク先の方法にて設定を試みましたが、バリエーション選択時にリアルタイムで切り替わってくれず、 全て単一の文言で表示されてしまいました。ブラウザの更新をすることで正しい納期情報に切り替わるのですが、 リアルタイムで切り替えるにはどのあたりを修正すればよろしいでしょうか？ メタフィールドは下記のように作成しております。 ![_0-1709191005395.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/d/0d211072932d2dae86533094185dc08f795f32ed.png) ![_2-1709191047345.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/1/2/1235c3cf36f612b25781e6fbaa00d1aa59288bc4.png) liquidはリンク先のコードの「custom.optiontext」を「custom.delivery」に変更してコピペしております。 上記、ご教示いただけますと幸いです。 ---
**Author:** ![Anonymous\_c7caf5cd49ac18a03ba7e37fe7b23705](https://avatars.discourse-cdn.com/v4/letter/a/e79b87/32.png) [@Anonymous\_c7caf5cd49ac18a03ba7e37fe7b23705](https://community.shopify.com/u/Anonymous_c7caf5cd49ac18a03ba7e37fe7b23705)\ **Post date:** [March 1, 2024, 7:23am UTC](https://community.shopify.com/t/topic/300435/4 "2024-03-01T07:23:07Z")
本件、global.jsに少し追記することで解決いたしました。 参考トピックを紹介いただきありがとうございました。 またご縁がございましたら何卒よろしくお願いいたします。