Shopifyのテーマについて:スマホ版とWeb版を別々のデザインで設定したい

Topic summary

Shopifyの有料テーマで、スマホ版とWeb版を別々のデザインで設定したい(アダプティブデザイン)という相談。

現状の課題:

  • 多くのShopifyテーマはレスポンシブデザインで、Web版の変更がスマホ版にも自動反映される
  • Wixのようなスマホエディター機能で、スマホ側だけ要素の配置変更や削除ができるテーマを探している

検討中の代替案:

  • 有料テーマで希望通りの機能が難しい場合、理想に近いテーマをベースにコード編集を検討
  • スマホ用・Web用のページを別々に作成し、.htaccessファイルでデバイスごとにページを分岐させる方法も考慮中

提案された解決策:

  • PageFlyなどのページビルダーアプリの利用が提案された
  • 特定デバイスでの要素の表示・非表示機能が使える可能性がある

質問者はPageFlyの導入を検討することに。

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

shopifyの有料テーマについてお聞きしたいことがあります。

現在はレスポンシブルデザインが主流で、多くのshopifyテーマでもWEB版のカスタマイズをすれば、

それに合わせてスマホ版のデザインも自動で変更してくれると思います。

ですが、アダプティブデザインとして、WEBとスマホ別のデザインにしたいと思っております。

Wixではスマホエディターも機能としてついていて、スマホ側だけ任意の配置・不要な要素は削除することができましたが、shopifyの有料テーマでスマホだけ画像や各パーツの配置、表示・非表示などを変更できる機能がついたテーマがあればご教示いただきたいです。(アダプティブデザインのテーマ)

(無料テーマDawnではスマホエディターで配置変更をしたら、WEB版の表示も連動して変更されてしまいました。)

有料テーマの購入のみでは希望どおりにすることが難しい場合は、1番理想に近いテーマを基準にコードを編集することを検討しております。スマホ用のページ・Web用のページをそれぞれノーコードのエディターで作成し、.htaccessファイルをテーマファイル内に配置して見るデバイスによって表示させるページを分岐させることは可能なのでしょうか?(そもそも.htaccessファイルをShopifyの中に配置できるのでしょうか?)

どうぞよろしくお願いいたします。

参考にしたサイト:https://allabout.co.jp/gm/gc/386483/

https://help.pagefly.io/manual/make-my-page-mobile-responsive/#5-hide-elements-on-specific-devices

テーマは把握していませんが状況的に上記のようなページビルド用アプリの機能を用いることが検討できると思います。

1 Like

ありがとうございます。教えていただいた「Pagefly」の導入を検討させていただきます。