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

日本語 ディスカッション 技術的なQ＆A

Topic 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」が表示された後に現地通貨に切り替わる
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

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

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

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

2

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

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

まず、

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

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

"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"
        },

上記の、

"type": "text",

を、

"type": "html",

に変更します。

さらに、

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


                

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

というコードを探し、

{{ block.settings.text | escape }}

を

{{ block.settings.text }}

に変更します。

これで、

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

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

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

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

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

そうしましたら、

下記のコードを、

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

の最終行に追加します。

注意点

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

ご参考まで。

(キュー田辺)