Как сделать свой шаблон мобильным

Скачать Как сделать свой шаблон мобильным
Недавно искали:

k0mpuzik

Житель
Регистрация
26.09.14
Сообщения
26
Реакции
13
Прошу помощи,
Подогнал свой шаблон но он уже оказался старым и при открытии на мобильном телефоне остается быть большим.
Так вот как сделать шаблон OpenCart на мобильное разрешение?
Или это нужно делать отдельный шаблон для телефона???
 
нет, в css добавляешь после @media (max-width:тут_ширина_экрана_гаджета_px) свои настройки
Код:
@media (max-width: 360px)
{
    .products-grid .item { width: 100%; float: none; margin-left: 0; }
    .product-view .product-img-box .product-image img { width: 100%;}
   
    /*Убираем "Тип сортировки" и "Показать на" в сортировке" */
    label-toolbar {display: none;}
}
 
aniucum, а этот способ универсален? Разве шаблон стандратный к примеру адаптирован под мобильные устройства? Как быть с другими кнопками, полями, текстом?
 
Это универсальный метод. Нужно прописывать стили: кнопки, поля и текста в нужные классы и все это проверять. Еще вариант не в классы, а в стандарт, например в абзацы для отдельных разрешений и т.д.
 
и не забудь прописать
<meta name="viewport" content="width=device-width" />
 
подскажите, как наоборот сделать, поставил шаблон, в котором вшита мобильная версия, как её отключить можно?
 
Удалить всё что входит в медиа.
 
Назад
Сверху Снизу