flugerov

Рейтинг
10
Регистрация
19.03.2014
SeVlad:
У меня начинают закрадываться сомнения в твоей адекватности восприятия окружающей действительности. Краткая хронология:




Ещё раз, резюмируя - в твоём примере разные урлы на разные версии:

Что не ясно-то? А ты опять про одну. :(
Выше же люди тебе накидали вариантов как можно реализовать.

Так и сделал, как рекомендовали. Но ссылки две отображались на одной странице.

SeVlad:
Там 2-е разные ссылки на 2-х разных страницах (мобильной и десктопной)

В моем случае на одной, так как, у меня адаптивный дизайн а не мобильная версия.

LEOnidUKG:
Очистите кэш
Попробуйте все плагины выключить

Почистил кэш и уже нету.

LEOnidUKG:
А в каком браузере такое проявляется?

В Фаерфоксе

LEOnidUKG:
В другом браузере проверяли?

---------- Добавлено 09.06.2015 в 13:58 ----------

Но учитывая, что другие тоже жалуются. Значит косяк в обновлении Яндекса :)

Хм, странно но в Хроме все чисто. =) Может рано панику поднял?

И в Опере тоже все ок

DiKiJ:
1. Сделайте ссылку типа <a href="/" onclick="SetCookie('nomobile=off', '0');">Мобильная версия сайта</a> или <a href="/" onclick="SetCookie('nomobile=off', '-1');">Мобильная версия сайта</a>.

2. Например, добавить стили:

Ну и ссылку немного изменить: <a href="/" onclick="SetCookie('nomobile=on', '30');" id="nomobile">Полная версия сайта</a>

Тогда ссылка будет показываться только при ширине экрана меньше 650. Ну или если я вас не так понял, то еще можно тем же кодом PHP.

3. Куки можно поставить на 1 день: <a href="/" onclick="SetCookie('nomobile=on', '1');">Полная версия сайта</a>
Еще помню, что куки без времени стираются при выходе с сайта, но нужно экспериментировать. Либо поможет ссылка типа <a href="/" onclick="SetCookie('nomobile=on', '0');">Полная версия сайта</a> либо из скрипта убрать дату, но он будет не таким универсальным.

1.То есть добавить еще одну ссылку? Разве нельзя сделать так, что бы один клик это был переход на Полную версию а второй переход обратно на Адаптивную версию? (В одной ссылке) Так как, это сделано на pa.ua

2. Я правильно понял, эти стили надо прописать в файле отвечающий за адаптивный дизайн? (в моем случае это responsive.css)

t1mkke:
flugerov, внутри <head> прописываете это:
<?php if (!isset($_COOKIE['nomobile'])){ ?><link rel="stylesheet" href="/templates/vt_emake/css/responsive.css"><?php } ?>
<script type="text/javascript">
//Куки
function SetCookie(id, days){
var ws=new Date();
ws.setDate((days-0+ws.getDate()));
document.cookie=id+"; path=/; expires="+ws.toGMTString();
}
</script>

Если в <head> уже подключается responsive.css то удалите старое подключение, так как код выше будет подключать responsive.css

В том месте, где вам нужна кнопка отключения адаптивного дизайна прописываете это:
<a href="/" onclick="SetCookie('nomobile=on', '30');">Полная версия сайта</a>

Отлично! Работает. Большое Вам и всем спасибо! Возможно кому-то тоже пригодится.

---------- Добавлено 05.06.2015 в 14:45 ----------

Тут еще возникают вопросы:

1. Как сделать, что бы можно было, по нажатию на ссылку <a href="/" onclick="SetCookie('nomobile=on', '30');">Полная версия сайта</a> перейти обратно на адаптивную версию?

2. Как сделать так, что бы ссылку было видно только на мобильном устройстве?

3. Как сделать, что бы при повторном заходе на сайт с мобильного, открывалась адаптивная версия?

t1mkke:
flugerov, там где у вас тег <head> и подключаются другие css. Если responsive.css уже подключается, то просто замените эту строку на ту, которая выше.

Вот это все прописать в <head> ?

<? if (!isset($_COOKIE['nomobile'])){ ?><link rel="stylesheet" href="/templates/vt_emake/css/responsive.css"><? } ?>

<a href="/" onclick="SetCookie('nomobile=on', '30');">Полная версия сайта</a>

//Куки

function SetCookie(id, days){

var ws=new Date();

ws.setDate((days-0+ws.getDate()));

document.cookie=id+"; path=/; expires="+ws.toGMTString();

}

t1mkke:
flugerov, прописать нужно там, где сейчас подключается ваш файл, вот так: <? if (!isset($_COOKIE['nomobile'])){ ?><link rel="stylesheet" href="/templates/vt_emake/css/responsive.css"><? } ?>

Запутался. Куда эту строку прописать?

DiKiJ:
Кнопка делается просто. Выносим всю адаптивную верстку, допустим, прямо в заголовок сайта или в отдельный файл.
Если нет определенной куки, показываем эти стили и мета тег, говорящий об адаптивности:


Дальше ставим куку через PHP или функцией javascript. У меня примерно так:
Да, href="/" там нужен, по идее, для перезагрузки страницы. Можно заменить


Ну и скрипт ставящий куки:

Адаптивная верстка в файле в responsive.css

Тут прописать пусть к файлу.

<? if (!isset($_COOKIE['nomobile'])){ ?>/templates/vt_emake/css/responsive.css<? } ?>

И потом эту строку, ссылку и скрипт прописать в index.php ?

12
Всего: 17