Jump to content
Sign in to follow this  
gidrik

Необходимо настроить адаптивность шаблона под мобильные устройства

Recommended Posts

Добрый вечер
Необходимо доработать шаблон, а именно сделать, чтобы на сайте нормально работала адаптивность под мобильные устройства.
Стоит шаблон Polianna - https://opencartforu...na/?hl=polianna Я изменил дизайн, добавил некоторые элементы и теперь при уменьшении разрешения экрана (на смартфонах и коммуникаторах) сайт становиться вообще нечитаемым.
Можно ли настроить адаптивность так, чтобы при уменьшении разрешения экрана до размера смарфона некоторые элементы не отображались, а сам сайт отображался нормально и читабельно при маленьких разрешениях экрана?

Мой сайт - http://bestbattery.com.ua/

 

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

Share this post


Link to post
Share on other sites

Простите, не по теме немного, но все же скажу. У Вас на баннерах на сайте там где доставка по Украине и бесплатная доставка две ошибки в словах.

Share this post


Link to post
Share on other sites

Моё предложение:

 - напишите для исполнителей тз. В нём укажите список элементов, которые нужно скрывать при конкретных размерах экрана. 

Ну это хотя бы для начала

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By WinnerK
      Добрый день!
       
      Нужна помощь по настройке электронной коммерции в Google Analytics и небольшие работы по ТЗ. (подробно во вложении).
      Сайт: http://vsefonariki.com/
       
      Google Analytics:
      Настроить улучшенную атрибуцию ссылок.
      Настроить электронную торговлю.
      Настроить цели.
      Админка: статусы товаров на складе.
      Адаптация страницы для мобайла, сохранив компактный дизайн для десктопа.
      Настройка модуля Microdata Pro (не работает).
      Устранение ошибки при удалении товара из корзины.
      Редактирование Pop-up окна «Нашли дешевле» в карточке товара.
       
      Можно реализовать отдельные пункты.
       
      Пишите в личку или на Skipe: demidovk
      ТЗ 171114.docx
    • By YMakarin
      Здравствуйте, интересуют услуги по доработке существующего сайта christmas-spb.ru 

      А именно: 
      - обновить CMS (или полностью перенести на другую). 
      - внести небольшие правки, корректировки. 
      - добавить разные регионы и оптимизировать по ним. 
      - поменять форму оформления заказа, упростить оформление (в стандартной форме заказа очень много шагов), разделить физ/юр.лица, добавить быстрый заказ 
      - адаптивность, корректная мобильная версия 

      Подробнее в файле. 
      Интересует срок/стоимость.
      Raboty_po_saytu от 1402.docx
    • By ArtemPitov
      Доброго времени суток господа!
       
      Вот тут мне в голову пришла идее - долой адаптивный дизайн "аля адаптивная сетка", да здравствует мобильная версия! Что скажете ?
       
      Есть два пути реализации, первый (мне не очень) - чекаем девайс и редиректим на моб версию , второй - оптимальный, так званый RESS, ​суть его заключается в подмене и загрузки контента исходя от девайса
       
      Пример стырян из хабра, не относится к ОП
      $DS = DIRECTORY_SEPARATOR; require_once( dirname(__FILE__) . $DS . 'libraries' . $DS . 'browser.php'); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE){ $tmpl = 'template.m.php'; } else if($device == DEVICE_TYPE_TABLET){ $tmpl = 'template.t.php';} else{ $tmpl = 'template.php'; } include( dirname(__FILE__) . $DS . 'templates' . $DS . $tmpl); Суть довольно проста, для моб устройств отдаем только самое нужное, если заморочить можно даже сделать подмену темы на более легкую и будет суперадапитвная ракета.
       
      Что скажете, как такой вариант, кто за, то против ?
       
    • By kikaridza123
      На сайте около 14000 к товаров, немного разные по тематике, нужен модуль позволяющий на товары 1,2,3,4,5 .. и.т.д из категории 1 показывать банер № 2 на товары 5,6,7,8,9 ... и.т.д из категории 2 показывать банер №3 как-то такой принцып работы нужен. 

      Вообщем на все товары из категории 1 справа или слева можно было добавить или HTML модуль или банер,лучше хтмл модуль таким образом чтоб привязать только к товарам одной категории. к товарам другой категории добавить другой хтмл блок и так далее.

       

      И откликнитесь кто сможет адаптировать модуль категории на главной для мобильных устройств?

      Заранее благодарен за помощь! 

      Лучший форум -Спасибо!

    • By Heavenanvil
      Здравствуйте.
      Установлена чистая OpenCart версии 2.0.3.1.
      Шаблон стандартный.
       
      При уменьшении ширина размера окна менее 768px, а также просмотре с мобильных устройств, боковые колонки пропадают.
       
      Вопрос, как это отключить? Или что с этим можно сделать?
       
      Проблема в том, что я добавляю стандартный модуль "Категории" в боковую колонку, а вверху (navbar) у меня будет другая информация (не категории). Когда размер окна уменьшается, либо при просмотре с мобильных устройств, боковые колонки исчезают и соответственно переход по категориям невозможен.
       
      Пробовал играться @media из стилей и убирать:
      <meta name="viewport" content="width=device-width, initial-scale=1"> и
      <script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.