ググらずには前へ進めないフロントエンドエンジニアが書く、次はググらなくてもできますように…とメモを残すブログです!

EC-CUBE 2.13.5 改めてレスポンシブWebデザイン時のテンプレートの設定

2017/12/11
⚠️投稿日または最終更新日から5年以上経過している内容です。

ぐぐって出てくる情報でも基本的にはなるが… ・ログイン時に真っ白の画面にエラーコードだけになったり ・プラグインによっては参照してくれなかったり などなど、よろしくないことになるので、自分用にまとめです。

2.13.5 で基本的に確認してますが、 2.13.x 系ならたぶんいいはず…。

管理画面

システム設定>パラメーター設定

  • TEMPLATE_NAME テンプレート名
  • SMARTPHONE_TEMPLATE_NAME スマートフォンテンプレート名

これらの値を同一にする。 デフォルトの場合は"default"になり、 オリジナルの場合は"オリジナルのテンプレートコード"の名前になる。

これだけでもEC-CUBE標準で備わっているページは対応できるが、 追加したページの場合はスマートフォンでメインエリアが読み込まれなくなるので、 下記のコードが必要になる。

SC_Display_Ex.php

php
/**
 * 端末種別を判別する。
 *
 * SC_Display::MOBILE = ガラケー = 1
 * SC_Display::SMARTPHONE = スマホ = 2
 * SC_Display::PC = PC = 10
 *
 * @static
 * @param          $reset boolean
 * @return integer 端末種別ID
 */
public static function detectDevice($reset = FALSE)
{
    return DEVICE_TYPE_PC;
}

extendsではない方では、ifで分岐してあるが、 必要ないのでストレートに PC のみを返却するように変更する。

これで大丈夫なはず・・・。