# 告知バーの送料設定に関してご質問

**URL:** <https://community.shopify.com/t/topic/170204>\
**Category:** 技術的なQ＆A\
**Created:** [November 23, 2022, 6:01am UTC](https://community.shopify.com/t/topic/170204 "2022-11-23T06:01:38Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

海外向けストアの告知バーで、送料を現地通貨（ドル）で自動表示したいという質問。

**問題点：**
- 送料3000円を設定した場合、為替レートに連動してドル表示したい
- Shopifyの標準機能では為替連動表示は不可能

**提案された解決策：**
1. `announcement-bar.liquid`ファイルで`"type": "text"`を`"type": "html"`に変更
2. `{{ block.settings.text | escape }}`を`{{ block.settings.text }}`に変更してHTML入力を可能にする
3. 告知バーに`<span class="js-adjust-price">3000</span>`のようなHTMLコードを入力
4. JavaScriptで価格を動的に調整

**重要な注意点：**
- Shopifyの[GEOLOCATION]アプリや国/言語セレクターが前提
- 通貨によって金額がズレる可能性あり
- CSS調整が必要な場合もある
- 十分に検証されていない可能性
- 一瞬「3000」が表示された後に現地通貨に切り替わる

<div class="post-metadata">

**Author:** ![roxamme](https://avatars.discourse-cdn.com/v4/letter/r/b3f665/32.png) [@roxamme](https://community.shopify.com/u/roxamme)\
**Post date:** [November 23, 2022, 6:01am UTC](https://community.shopify.com/t/topic/170204/1 "2022-11-23T06:01:38Z")

</div>

告知バーの送料設定に関してご質問です。

海外向けに販売してます、ホームの告知バーに送料を表記したいのですが、送料3000円に設定した場合、ドルで告知バーに表記したいのです。為替も日々変わるので、送料設定をドルで設定する方法はありますか？

サポートセンター問い合わせましたが、為替等と連動して表記する事は残念ながらShopifyの標準機能では叶いません。との事でした。

---

<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:** [November 25, 2022, 1:19pm UTC](https://community.shopify.com/t/topic/170204/2 "2022-11-25T13:19:52Z")

</div>

最初に、本回答の最後の「注意点」からご覧いただいた方が良いです。

「注意点」に問題がない場合、下記のようなカスタマイズを行います。

まず、

ストア管理画面 \> オンラインストア \> 利用中のテーマの「コード編集」から、

セクション (sections) \> announcement-bar.liquidを開き、下記のコードを見つけます。

```markup
"blocks": [
    {
      "type": "announcement",
      "name": "t:sections.announcement-bar.blocks.announcement.name",
      "settings": [
        {
          "type": "text",
          "id": "text",
          "default": "Welcome to our store",
          "label": "t:sections.announcement-bar.blocks.announcement.settings.text.label"
        },

```

上記の、

```auto
"type": "text",

```

を、

```markup
"type": "html",

```

に変更します。

さらに、

セクション (sections) \> announcement-bar.liquidから

```markup

                

                  {{ block.settings.text | escape }}
                  {%- if block.settings.link != blank -%}

```

というコードを探し、

```auto
{{ block.settings.text | escape }}

```

を

```auto
{{ block.settings.text }}

```

に変更します。

これで、

告知バーのテキストにHTMLを入力することができるようになりましたので、

ストア管理画面 \> オンラインストア \> 利用中のテーマの「カスタマイズ」から、

告知バーのテキストに、3000円を下記のように入力します。

(この時点では通貨単位は付けません。後ほどJavaScriptで付与します。)

```auto
<span class="js-adjust-price">3000</span>

```

そうしましたら、

下記のコードを、

セクション (sections) \> announcement-bar.liquid

の最終行に追加します。

```javascript

```

注意点

- 前提として、Shopifyの[GEOLOATIONアプリ](https://apps.shopify.com/geolocation?locale=ja)や、国(通貨)セレクター/言語セレクターで、通貨や言語を切り替えている場合のみ動作します。
- 十分に検証していないため、不具合がある可能性があります。
- 通貨によっては金額がズレる可能性があります。
- CSSなどで表示調整を行わないと、一瞬3000が表示されてから、現地通貨の金額に切り替わります。

ご参考まで。

(キュー田辺)