Jump to content
Sign in to follow this  
kokhanenkoSA

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

Recommended Posts

Добрый день!

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 только себе.

 

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

 

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

Share this post


Link to post
Share on other sites

Mobile Detect копайте

Share this post


Link to post
Share on other sites

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

 

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

$detect = new Mobile_Detect;

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.