Вопрос Как попасть с моб версии на полную версию сайта?

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем art22, 03.09.2017.

  1. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    Создал адаптивную мобильную версию сайта, как сделать чтобы пользователи могли при нажатии на "ссылку" попали в полную версию сайта и на оборот!?
     
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    В ссылке прописать параметр с нужным значением, или кнопку в форме , и создать обработчик этого параметра .
     
  4. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    если бы я знал как это осуществить то не создал бы тему):won:
    vilmadent.ru На этом сайте есть такой пример, но через ПК не открывает код чтобы посмотреть как это сделано.

    можно отключить и включить css файл для моб версии при определенных разрешениях.
     
    Последнее редактирование: 03.09.2017
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Ну вряд ли в коде будет все видно. Я делал через переделанный плагин переключения шаблонов на лету и кнопку в форме, которая выводится только в мобильной версии.
     
  6. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    установил ваш плагин так и ничего не увидел по Телефону ничего не показывает....

    Нашел код который переключает!

    Код (PHP):
    1. <?php if (!isset($_COOKIE['nomobile'])){ ?><link rel="stylesheet" href="/templates/vt_emake/css/responsive.css"><?php } ?>
    2. <script type="text/javascript">
    3. //Куки
    4. function SetCookie(id, days){
    5. var ws=new Date();
    6. ws.setDate((days-0+ws.getDate()));
    7. document.cookie=id+"; path=/; expires="+ws.toGMTString();
    8. }
    9. </script>
    10.  
    11. ссылка <a href="/" onclick="SetCookie('nomobile=on', '30');">Полная версия сайта</a>


    при нажатии на ссылку открывается полная версия сайта. НО его не получается листать вправо... тупо вверх вниз пол страницы.
    Думаю это из-за того что при нажатии на ссылку стили скрывает, или же проблема в body { min-width:100%;}! в ПК версии нет такой проблемы

    для айпедов я прописал такой код

    Код (css):
    1. @media (min-width: 768px) and (max-width: 1500px){ body{width: 1250px;} }


    чтобы можно было листать вправо...

    Через ПК полная версия сайта и моб версия отлично работает, можно посмотреть сжимая браузер...

    как устранить данную проблему? пожалуйста помогите, не знаю уже что делать, сутки пытаюсь решить это все...

    Может просто можно как то фиксировать размер экрана в полном размере...
     
    Последнее редактирование: 05.09.2017
  7. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Я в твоем яваскрипт не увидел переключения на мобильный шаблон. А плагин отключен ?
    И один вопрос= одна тема. Правила форума.
    по ссылке не открывается сайт
    --- добавлено: 04.09.2017, первое сообщение размещено: 04.09.2017 ---
    Проверил- установил плагин переключения на мобильный шаблон на Джумла 3.7.5- все работает .
     
  8. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    почему то когда запускал данный плагин в телефоне фон был белый и скрывал все меню... но ладно плагин не понадобиться.

    решил проблему с несколькими @media в каждом css файле. Теперь все отлично работает. Правда чтобы перейти на моб версию или полн версию сайта надо нажать на ссыслку и обновить страницу тогда работает. Дело в куки я так понял, ну что исправить пока не понятно
     
  9. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Добавь в яваскрипт функцию обновление страницы.
    Код (javascript):
    1. location.reload();
     
  10. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской

    1. Код (PHP):
      1. <?php if (!isset($_COOKIE['nomobile'])){ ?><link rel="stylesheet" href="/templates/vt_emake/css/responsive.css"><?php } ?>
      2. <script type="text/javascript">
      3. //Куки
      4. function SetCookie(id, days){
      5. var ws=new Date();
      6. ws.setDate((days-0+ws.getDate()));
      7. document.cookie=id+"; path=/; expires="+ws.toGMTString();
      8. location.reload();
      9.  
      10. }
      11. </script>
    сделал так. с полной версией вроде норм работает а на моб версию, надо обновить страницу
     
  11. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Ты задал в заголовке темы вопрос о переключении шаблона, а по факту подключаешь стиль, и решил непонятно зачем с помощью яваскрипт.
    Поставь кнопку с именем name="nomobile", а потом получи значение с помощью
    Код (PHP):
    1. JFactory::getApplication()->input->get('nomobile','default_value','string');
     
  12. Offline

    art22 Пользователь

    Регистрация:
    14.02.2017
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    Сделал так... При нажатии на кнопку ничего не происходит
    код вписал в head
    Код (PHP):
    1. <?php
    2. $nomobile = JFactory::getApplication()->input->get('nomobile','default_value','string');
    3.  if (!isset($nomobile['nomobile'])){ ?>
    4. <link rel="stylesheet" href="/asset/bootstrap/css/mob.css" type="text/css" />
    5. <?php } ?>


    Код (html):
    1. <button name="nomobile">Полная версия</button>
    кнопка внутри боди.
     
  13. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    А что получаешь в шаблоне ?
    Код (PHP):
    1. var_dump($nomobile);
    Может кнопку в форму нужно разместить ?
    Код (html):
    1. <button type="submit">Полная версия</button>
    2. <input type="hidden" name="nomobile" value="no" />
     
  14. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Олег, если честно - вообще первый раз вижу.
    В приложении стандартное свойство nomobile есть? oO
    Что оно делает? Изменяет значение meta viewport?
     
  15. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    Вспомнил и оставлю на всяк случай https://api.joomla.org/cms-3/classes/JApplicationWebClient.html#_detectBrowser
    Код (PHP):
    1. $client = new JApplicationWebClient();
    2. if ($client->mobile)

    Нет. В скайп посмотри ссылка пример моего решения с помощью плагина .
     

Поделиться этой страницей

Загрузка...