2013年8月8日カテゴリー:未分類

EC-CUBEレスポンシブWebデザイン:スマホからのアクセスに対してPC表示

EC-CUBEサイトをマルチディバイス対応にするためには、まず、スマホからのアクセスに対してPC表示させるようにしなければいけません。

さらに、ここでは、管理画面のパラメータで、スマホからのアクセスをPC表示するか、スマホ表示にするかを設定できるようにします。

(1)データベースに、パラメータ設定を追加

[php]
INSERT INTO mtb_constants (id, name, rank, remarks) VALUES (‘SPHONE_DESIGN’, ‘false’, 1413, ‘スマートフォンアクセス時の表示(true:スマホデザインを表示、false:PCデザインを表示)’);
[/php]


(2)■data/class/SC_Display.php
 115行目あたり

[php]
$this->setView(new SC_SmartphoneView_Ex());
[/php]

↓【変更】

[php]
if (SPHONE_DESIGN === true) {
$this->setView(new SC_SmartphoneView_Ex());
} else {
$this->setView(new SC_SiteView_Ex());
}
[/php]

 155行目あたり

[php]
SC_Display_Ex::$device = DEVICE_TYPE_SMARTPHONE;
[/php]

↓【変更】

[php]
if (SPHONE_DESIGN === true) {
SC_Display_Ex::$device = DEVICE_TYPE_SMARTPHONE;
} else {
SC_Display_Ex::$device = DEVICE_TYPE_PC;
}
[/php]

(3)■data/Smarty/templates/admin/design/subnavi.tpl
 26行目あたり

[php]
PC
[/php]

↓【変更】

[php]
PCレスポンシブWebデザイン
[/php]

 62行目あたり 追加

[php]

  • ・・・・・





  • [/php]

    ▼デモサイト
    http://www.kaiplus.com/responsive/2125/

    ▼購入
    http://www.kaiplus.com/download/