Как выводить другой header для мобилок

[kokhanenkoSA]

Добрый день!

Opencart pro 2.3

шаблон barbara

 

Хотим для устройств с шириной экрана менее какой-то показывать клиенту другой header.

Игры со стилями css media не подходят, т.к. для мобилок нужна совершенно другая структура верстки, ни как не пересекающаяся с основной.

нашел в файле /catalog/controller/common/header.php строку:

return $this->load->view('common/header', $data);

сделал клон этого файла разметки header и пока заменил эту строку на это:

		if ($_SERVER['REMOTE_ADDR']=='91.202.180.2') {
			return $this->load->view('common/headertest', $data);
		} else {
			return $this->load->view('common/header', $data);
		}

т.е. сейчас показываю измененный header только себе.

 

Но вот я не могу найти, как описать условие по ширине экрана. 

 

Помогите пожалуйста, добрые люди))

[anboza]

Mobile Detect копайте

[Eldaeron]

Верно ставите библиотеку Mobile Detect GIT* (http://mobiledetect.net/ Сайт) 

 

Подключаете библиотеку, и дальше по примерам:

$detect = new Mobile_Detect;

if ($detect->isMobile()) {
    // Код для мобилок
} elseif ($detect->isTablet()){
    // Код для таблеток
} else {
    // Код для ПыКа
}

Больше примеров тут найдете - http://mobiledetect.net/