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

Discussion in 'Изменение шаблона (кастомизация)' started by art22, Sep 3, 2017.

  1. Offline

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

    Joined:
    Feb 14, 2017
    Messages:
    52
    Likes Received:
    0
    Gender:
    Male
    Создал адаптивную мобильную версию сайта, как сделать чтобы пользователи могли при нажатии на "ссылку" попали в полную версию сайта и на оборот!?
     
    art22, Sep 3, 2017
    #1

  2. Ads Master

     
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    В ссылке прописать параметр с нужным значением, или кнопку в форме , и создать обработчик этого параметра .
     
    OlegK, Sep 3, 2017
    #2
  4. Offline

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

    Joined:
    Feb 14, 2017
    Messages:
    52
    Likes Received:
    0
    Gender:
    Male
    если бы я знал как это осуществить то не создал бы тему):won:
    vilmadent.ru На этом сайте есть такой пример, но через ПК не открывает код чтобы посмотреть как это сделано.

    можно отключить и включить css файл для моб версии при определенных разрешениях.
     
    Last edited: Sep 3, 2017
    art22, Sep 3, 2017
    #3
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Ну вряд ли в коде будет все видно. Я делал через переделанный плагин переключения шаблонов на лету и кнопку в форме, которая выводится только в мобильной версии.
     
    OlegK, Sep 3, 2017
    #4
  6. Offline

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

    Joined:
    Feb 14, 2017
    Messages:
    52
    Likes Received:
    0
    Gender:
    Male
    установил ваш плагин так и ничего не увидел по Телефону ничего не показывает....

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

    Код (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;} }


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

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

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

    Может просто можно как то фиксировать размер экрана в полном размере...
     
    Last edited: Sep 5, 2017
    art22, Sep 4, 2017
    #5
  7. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Я в твоем яваскрипт не увидел переключения на мобильный шаблон. А плагин отключен ?
    И один вопрос= одна тема. Правила форума.
    по ссылке не открывается сайт
    --- добавлено: Sep 4, 2017, первое сообщение размещено: Sep 4, 2017 ---
    Проверил- установил плагин переключения на мобильный шаблон на Джумла 3.7.5- все работает .
     
    OlegK, Sep 4, 2017
    #6
  8. Offline

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

    Joined:
    Feb 14, 2017
    Messages:
    52
    Likes Received:
    0
    Gender:
    Male
    почему то когда запускал данный плагин в телефоне фон был белый и скрывал все меню... но ладно плагин не понадобиться.

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

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Добавь в яваскрипт функцию обновление страницы.
    Код (javascript):
    1. location.reload();
     
    OlegK, Sep 4, 2017
    #8
  10. Offline

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

    Joined:
    Feb 14, 2017
    Messages:
    52
    Likes Received:
    0
    Gender:
    Male

    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>
    сделал так. с полной версией вроде норм работает а на моб версию, надо обновить страницу
     
    art22, Sep 4, 2017
    #9
  11. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Ты задал в заголовке темы вопрос о переключении шаблона, а по факту подключаешь стиль, и решил непонятно зачем с помощью яваскрипт.
    Поставь кнопку с именем name="nomobile", а потом получи значение с помощью
    Код (PHP):
    1. JFactory::getApplication()->input->get('nomobile','default_value','string');
     
    OlegK, Sep 4, 2017
    #10
  12. Offline

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

    Joined:
    Feb 14, 2017
    Messages:
    52
    Likes Received:
    0
    Gender:
    Male
    Сделал так... При нажатии на кнопку ничего не происходит
    код вписал в 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>
    кнопка внутри боди.
     
    art22, Sep 4, 2017
    #11
  13. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    А что получаешь в шаблоне ?
    Код (PHP):
    1. var_dump($nomobile);
    Может кнопку в форму нужно разместить ?
    Код (html):
    1. <button type="submit">Полная версия</button>
    2. <input type="hidden" name="nomobile" value="no" />
     
    OlegK, Sep 5, 2017
    #12
  14. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Олег, если честно - вообще первый раз вижу.
    В приложении стандартное свойство nomobile есть? oO
    Что оно делает? Изменяет значение meta viewport?
     
    AKopytenko, Sep 5, 2017
    #13
  15. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Вспомнил и оставлю на всяк случай https://api.joomla.org/cms-3/classes/JApplicationWebClient.html#_detectBrowser
    Код (PHP):
    1. $client = new JApplicationWebClient();
    2. if ($client->mobile)

    Нет. В скайп посмотри ссылка пример моего решения с помощью плагина .
     
    OlegK, Sep 5, 2017
    #14
< Добавить виджет и кнопку на главную страницу | Вывод дополнительных полей Joomla в Блоге категорий >

Share This Page

Loading...