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

5 ответов

• популярные
• новые

• 1

  Дмитрий | Дизайн со вкусом Партнер-разработчик 17 декабря 2014 22:45 #

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

  ответить
  • 0

    Никита Капкович 17 декабря 2014 23:02 #

    а куда его втулить ? подробнее пожалуйста )

    ответить
    • +1

      v-e-y 19 апреля 2016 11:16 #

      {if $wa->userAgent('device') == 'ipad'}

      <p>Купи чехол для айпада</p>

      {/if}

      ответить
• 1

  Владимир Тупоршин-мл. Webasyst 18 декабря 2014 03:46 #

  Отдельное отображение для планшетов и мобильных устройств определяются дополнительными к основному 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}" />

  ответить
  • +1

    Никита Капкович 18 декабря 2014 12:22 #

    Спасибо большое! очень помогли

    ответить