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

[k0mpuzik]

Прошу помощи,
Подогнал свой шаблон но он уже оказался старым и при открытии на мобильном телефоне остается быть большим.
Так вот как сделать шаблон OpenCart на мобильное разрешение?
Или это нужно делать отдельный шаблон для телефона???

 

[aniucum]

нет, в 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, а этот способ универсален? Разве шаблон стандратный к примеру адаптирован под мобильные устройства? Как быть с другими кнопками, полями, текстом?

 

[Всеволод]

Это универсальный метод. Нужно прописывать стили: кнопки, поля и текста в нужные классы и все это проверять. Еще вариант не в классы, а в стандарт, например в абзацы для отдельных разрешений и т.д.

 

[samdo2]

и не забудь прописать
<meta name="viewport" content="width=device-width" />

 

[sprigan]

подскажите, как наоборот сделать, поставил шаблон, в котором вшита мобильная версия, как её отключить можно?

 

[ДимаЯ]

Удалить всё что входит в медиа.