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

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

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

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

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


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

$this->setView(new SC_SmartphoneView_Ex());

↓【変更】

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

 155行目あたり

SC_Display_Ex::$device = DEVICE_TYPE_SMARTPHONE;

↓【変更】

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

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

<span>PC</span>

↓【変更】

<span><!--{if $smarty.const.SPHONE_DESIGN === true}-->PC<!--{else}-->レスポンシブWebデザイン<!--{/if}--></span>

 62行目あたり 追加

<!--{if $smarty.const.SPHONE_DESIGN === true}-->
<li>・・・・・
・
・
・
・
・
</li>
<!--{/if}-->

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

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