スマートデバイス向けデザイン切り替えエクステンション

もっと見る

スマートデバイス向けデザイン切り替えエクステンション
¥0

このエクステンションはスマートフォンやタブレット端末に向けたサイトをPCサイトとは異なるデザインで提供するためのエクステンションです。
Magentoには標準で、正規表現を用いたUserAgentでのデザインテーマ切り替え機能が用意されています。
しかし、この切替機能はシステム側での強制適用となり、スマートフォンやタブレット端末でPCサイトを閲覧したいニーズを満たすには、ストアもしくはストアビューを追加して対応する他ありませんでした。
このエクステンションではアクセスしてきたクライアントのUserAgentにもとづき、以下の判定処理を行なってから画面を表示します。

¥0
このエントリーをはてなブックマークに追加
概要

詳細

このエクステンションはスマートフォンやタブレット端末に向けたサイトをPCサイトとは異なるデザインで提供するためのエクステンションです。
Magentoには標準で、正規表現を用いたUserAgentでのデザインテーマ切り替え機能が用意されています。
しかし、この切替機能はシステム側での強制適用となり、スマートフォンやタブレット端末でPCサイトを閲覧したいニーズを満たすには、ストアもしくはストアビューを追加して対応する他ありませんでした。
このエクステンションではアクセスしてきたクライアントのUserAgentにもとづき、以下の判定処理を行なってから画面を表示します。

  • アクセスしてきたクライアントがiPhone, iPad, Andrioidスマートフォン, Androidタブレットであるかを判定
  • iPhone, Androidスマートフォンはスマートフォンテーマを適用
  • iPad, Androidタブレットはタブレットテーマを適用
  • フッターに設けたリンクからPCサイト表示へ切替可能

 

使用方法

エクステンションをインストールすると、「システム>設定」の「デザイン」に「スマートデバイス設定」が追加されます。
ここでスマートフォン・タブレット用に使用したいテーマ名を入力してください。現在使用しているパッケージの中に入っているものだけが利用できます。
空欄にした場合は標準のテーマを使用します。

フロントエンドのフッターに「PCサイト|スマートフォンサイト|タブレットサイト」のリンクが追加されます。
このリンクは、テンプレートディレクトリの「base/default/template/switcher/footer.phtml」に記述されています。必要に応じてご調整ください。 

追加情報

追加情報

Magento 対応バージョン 1.6, 1.7, 1.8, 1.9, 1.9.1, 1.9.2, 1.9.3
バージョンアップ履歴
  • 0.1.0:初回リリース 

ベリテワークス株式会社

ベリテワークス株式会社
114-0013 東京都北区東田端2-5-14 クロコダイル第2ビル5F
TEL:03-5842-1905
営業時間 平日10:00~18:00

M2trainedMagento Solution Partner
m2cssMagento Solution SpecialistMagento Developer PlusMagento Certified DeveloperMagento Frontend Developer