「Shopify のテーマを買ったけれど、思っていた見た目にならない。どこまで変えてもらえますか」。Shopify でショップを始めた方から、よくいただく相談です。

Shopify の見た目はテーマで決まります。テーマは管理画面から色や配置を変えられますが、それだけでは届かない部分も出てきます。そこから先をどう変えるかで、頼む相手も費用も変わってくるんです。

テーマ・アプリ・コードの役割

Shopify で「カスタマイズ」と言うとき、実際には次の3つが混ざっています。最初にここを分けておくと、依頼の話がずれにくくなります。

Shopify のテーマは Liquid という独自のテンプレート言語で書かれています。いまの多くのテーマ（オンラインストア2.0 に対応したテーマ）では、ページを「セクション」と「ブロック」の組み合わせで作るので、コードで新しいセクションを作っておけば、あとは担当者がテーマエディタから並べ替えて使えます。

「機能を足したい」場合は、テーマのカスタマイズではなくアプリの領域になることが多いです。テーマで変えられるのは、基本的に見た目と、ページの中に何をどう並べるかまでだと考えてください。

テーマのカスタマイズでできること

• トップページ・商品一覧・商品詳細を、オリジナルのデザインに作り替える
• テーマエディタにない独自のセクションを作り、担当者が自由に並べられるようにする
• 商品詳細ページに、素材・サイズ表・使い方などの表示を足す
• コレクション（商品一覧）ごとにレイアウトを変える
• スマホでの見え方を直す

テーマでは難しいこと

• チェックアウト（決済画面）の自由な作り替え（プランにより制限があります）
• 受注の処理や在庫の動きそのものを変えること
• のし・ラッピング・複数配送先など、日本の商習慣に合わせた機能（アプリや外部連携で対応することが多い）

こうした要件が中心になる場合は、Shopify 以外の選択肢も含めて考えたほうがよいことがあります。Shopify でできること・できないことは「Shopifyとは」で詳しくまとめています。

費用の決まり方

テーマのカスタマイズの費用は、作業の量で決まります。見積もりでは、次の点が金額に効いてきます。

1. デザインを作り直すページの数 … トップだけか、一覧・詳細まで含むか
2. デザインデータがあるか … デザインから作るか、支給のデザインを組み込むだけか
3. 独自のセクションをいくつ作るか … 担当者が自分で編集できる範囲を広げるほど作業が増えます
4. 既存のテーマをどこまで生かすか … 一部の手直しか、ほぼ作り替えか
5. アプリとの組み合わせ … アプリの表示をデザインに合わせて調整する作業

テーマ代・アプリの月額・Shopify のプラン料金は、制作費とは別にかかります。料金体系は改定されるので、金額は Shopify と各テーマ・アプリの公式の最新情報をご確認ください。

依頼する前に決めておくこと・用意するもの

1. 使っているテーマの名前と、有料テーマなら購入済みかどうか
2. 変えたいページと、変えたい理由（参考にしたいサイトがあれば URL）
3. デザインデータ（Figma・XD など）があるか。無ければデザインから依頼するか
4. 担当者が公開後に自分で更新したい箇所
5. 使っている・使う予定のアプリの一覧
6. ストアへのアクセス方法（コラボレーターとしての招待など）

5番は意外と大事です。アプリはテーマの中に表示を差し込むものが多く、デザインを作り替えるとアプリの表示が崩れることがあります。先に一覧があれば、見積もりの段階で調整の作業を入れておけます。

カスタマイズするときの注意点

テーマを更新すると、コードの変更は引き継がれない

テーマの提供元が新しいバージョンを出したとき、コードを書き換えたテーマはそのまま更新できません。新しいバージョンに乗り換えると、加えた変更をもう一度入れ直す作業が要ります。どこを変えたかを記録しておくこと、変更をなるべく独自のセクションやファイルにまとめておくことで、乗り換えの手間を減らせます。

有料テーマはストアごとのライセンス

有料テーマは、購入したストアで使うことを前提にしたライセンスです。別のストアに使い回せるとは限りません。制作会社に作業を頼むときも、テーマはショップ側で購入しておくのが基本です。

本番のテーマを直接書き換えない

Shopify では、公開中のテーマを複製して、公開していないテーマとして作業できます。カスタマイズは複製したテーマで進め、確認が済んでから公開に切り替えるのが安全です。依頼先がこの手順を取るかどうかも、確認しておくとよい点です。

ワプラボの場合

ワプラボでは、Shopify を含む ASP カート（MakeShop・カラーミーショップ・楽天市場・futureshop・らくうるカートなど）に、オリジナルのデザインを組み込む構築を承っています。カートや決済の仕組みはサービスのものをそのまま使い、見た目をオリジナルのデザインに置き換える形です。

コーディング費用はページ数が多いほど単価が下がります（11ページ目からは1ページ10,000円、51ページ目からは5,000円）。公開までは1ヶ月弱が目安です。ページ数・実装内容により変動しますので、詳細はお見積りにてご確認ください。

トップページ・商品一覧・商品詳細はオリジナルのデザインを組み込み、カート・マイページ・会員登録などのページは各サービスのテンプレートと仕様に沿って構築します。ASP カートは機能面のカスタマイズがほぼできない前提のため、独自の機能が必要な場合は WordPress の Welcart での構築をご提案しています。公開中のストアの一部だけを直したい場合も、対応できるかどうかを含めてご相談ください。

まとめ

• Shopify のカスタマイズは、テーマエディタ・テーマのコード・アプリの3つに分けて考える
• テーマで変えられるのは見た目とページの構成まで。機能の追加はアプリの領域になることが多い
• 費用は、作り直すページ数・デザインの有無・独自セクションの数・アプリとの調整で決まる
• コードを書き換えたテーマは、テーマの更新で変更が引き継がれない。変えた箇所を記録しておく
• 有料テーマはショップ側で購入し、作業は複製したテーマで進める