Отображение сайта на Ipad

Ув.Спецы :)просвятите

Интересует вопрос!

Как сделать чтобы на Ipad сайт отображался как на ПК , а не подключал мобильную версию.

Тема Default 2.0

На ПК каталог товаров отображен сбоку (с лева)

а на iPad сверху выпадающий и это очень не удобно.

Заккоментировать или удалить блок {if $wa->isMobile()} пробовал, результат нулевой!

alex we


2 ответа

  • 1

    используйте данное условие $wa->userAgent('device') == 'ipad'

  • 1

    Отдельное отображение для планшетов и мобильных устройств определяются дополнительными к основному CSS правилами.

    Чтобы убрать автоматическую адаптацию дизайна под мобильные устройства и планшеты, нужно просто удалить эти дополнительные правила: откройте редактор шаблона дизайна default.css (default.shop.css, default.blog.css и т.д. в зависимости от того приложения, которое вы используете) и удалите все дополнительные правила для планшетов и мобильных устройств. Для темы «Дефолт 2.0» они находятся внизу файла и выглядят примерно так

    /* TABLET

    ========= */

    @media screen and (min-width: 760px) and (max-width: 1024px) {

    ...

    }

    /* MOBILE

    ========= */

    @media screen and (max-width: 760px) {

    ...

    }

    Также чтобы отключить дефолтное масштабирование «как есть» (initial-scale=1) и подключить автоматическое масштабирование (устройство само определит его), рекомендую также в файле index.html удалить в начале файла строку <meta name="viewport" content="width=device-width, initial-scale=1{if $wa->isMobile()}, maximum-scale=1, user-scalable=0{/if}" />

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите