logo

Shopifyストアに税込表示を効率よく表示させる方法

Shopifyストアに税込表示を効率よく表示させる方法

Shopifyのストア内の金額部分に (税込) をつける方法を解説します。

主に、総額表示義務の対策に役立つはずです。

※この方法は、エンジニアでなくても可能ですが、VS CODE/atom などのエディタが必要になります


何かあった時のために、テーマファイルのバックアップをとる

バックアップ

テーマファイルを編集するので、何かあった時のために、バックアップをとりましょう。

※バックアップの名前は「BackUp 211002」のように日付を入れておくと良いです


テーマファイルをPCにダウンロード

ダウンロード

※Shopifyのtheme kit というツールを支える場合は、ダウンロードの必要はありません

管理画面「オンラインストア」→「テーマ」→白いボタンの「アクション」→「テーマファイルをダウンロード」を押す


ダウンロードしたテーマをPCのエディタで開き、Grep検索する

Grep検索

※画像は「VS code」の場合です

検索するのは下記のコードです。

See the Pen by 福水 正太 (@pegaro) on CodePen.

↑このコードは、サイト上で金額を表示する場所にはほぼ必ず使われています


Grep検索で引っかかった項目を全置換する

先程のコードで検索に引っかかった箇所を下記の内容に全置換します。

See the Pen 税込Grep置換 by 福水 正太 (@pegaro) on CodePen.

上記の作業を行うことで、サイト上で金額が表示されているすべての箇所に(税込)という文言をつけることができました


置換が完了したテーマをShopifyにアップロードする

アップロード

作業が完了したテーマファイルをShopifyにアップロードします。

※zipファイルに圧縮する必要があります


①プレビューで確認し、問題がなければ、②公開する

公開

万が一、公開後に問題が発生した場合は、最初に取っておいたバックアップを公開してください

※この記事は2023年10月時点の内容です。今後のアップデートやShopifyの仕様変更等により、記事の内容が古くなってしまう可能性があります。

\ShopifyでEC構築を検討中の方へ/

現在、Shopify公式は無料のお試しキャンペーンを実施しています。

Shopify

百聞は一見に如かずといいますが、ネット上で情報収集するよりも、実際にShopifyに触れるほうが何倍も効率が良いでしょう。

下記の案内ページからキャンペーンの詳細をご確認ください。

【1ドル×1ヶ月】CP実施中!!

サービス

Service

- プロジェクトプラン -

こんな方におすすめ!

  • これからShopifyでECを立ち上げるための支援をしてほしい

  • 自社で取ってきたShopify案件のディレクションや開発業務を任せたい

  • 自社サービスとShopifyを連携させたアプリケーションを作ってほしい

- サポートプラン -

こんな方におすすめ!

  • 自社でShopifyストアを立ち上げてみたが、やはり専門家がいないと厳しいため、相談できるパートナーがほしい

  • 自社で受けたShopify案件の一部を、Shopifyに強い開発者に相談したい

  • 開発してもらったShopifyアプリの保守やメンテナンスをお願いしたい

- SESプラン -

こんな方におすすめ!

  • ストアの改修や更新業務が忙しくなってきたため、色々な業務をお願いできて専門的なスキルを持っている人材がほしい

  • 自社でShopify案件が溢れてしまい、数ヶ月間、スピーディかつ自由に案件を依頼できる外部のパートナーがほしい

事例

Works

ストア開発/支援

Shopify Store

累計100以上のShopifyストア開発経験を基に、商材・業界ごとに無駄のないご提案~実装が可能です。また、既に公開されているShopifyストアを、技術的な観点から保守/サポートさせて頂いております。弊社が構築していないストア様も、ご加入が可能です。

アプリ開発

Shopify App

各ストアに特化したカスタムアプリだけでなく、Shopify App Storeに掲載できる公開アプリ開発のご相談・ご依頼を承っています。例えば、自社サービスで構築しているAPIとShopifyのAPIを連携~Shopify App Storeで公開することで、Shopifyを使用しているEC事業者に自社サービスをリーチさせることができます。