ITOBEN STYLE > EC-CUBEレスポンシブWebデザイン:スマホからのアクセスに対してPC表示 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/
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/