• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Мобильная версия магазина

Image CMS

RonnyBonny

Опытный
Местный
#1
Использую наверное самый старый, стандартный и бесплатный шаблон для интернет магазина на woocmmerce. Шаблон от разработчиков плагина http://demo2.woothemes.com/?name=mystile

Реализован на сайте mebelspot.ru

Проблема с мобильной версией сайта. По большому счету моб.версия совсем не отличается от десктопной. Но дело в том что шаблон сверстан как бы из блоков. И на десктопе отображается, опять же грубо говоря 5 столбцов. Первый столбец это левый сайтбар с навигацией, остальные 4 столбца это товары. Но на мобильнике только 2 столбца. Причем даже если на телефоне full hd, все ровно будет только 2 столбца.

Для примера, вот десктоп:



На мобилке выглядит это все очень плохо и не удобно. Подскажите пожалуйста как отключить эту мобильную псевдо адаптивность шаблона? Никаких @media в css найти не могу. Может это какая-то хитрая микро разметка? Помогите пожалуйста разобраться.
 

RonnyBonny

Опытный
Местный
#2
предполагаю что шаблон сделан на каком-то фреймворке типо bootstrap, если разберусь - отпишусь. Буду рад помощи и подсказкам :)
 

Drm

Новичок
#3
Попробуйте переименовать папку с js-скриптами. Если верстка в мобильной версии изменится, значит онареализована через скрипты, и решение искать надо в них
 

AntonK

Форумчанин
#4
Использую наверное самый старый, стандартный и бесплатный шаблон для интернет магазина на woocmmerce. Шаблон от разработчиков плагина http://demo2.woothemes.com/?name=mystile

Реализован на сайте mebelspot.ru

Проблема с мобильной версией сайта. По большому счету моб.версия совсем не отличается от десктопной. Но дело в том что шаблон сверстан как бы из блоков. И на десктопе отображается, опять же грубо говоря 5 столбцов. Первый столбец это левый сайтбар с навигацией, остальные 4 столбца это товары. Но на мобильнике только 2 столбца. Причем даже если на телефоне full hd, все ровно будет только 2 столбца.

Для примера, вот десктоп:



На мобилке выглядит это все очень плохо и не удобно. Подскажите пожалуйста как отключить эту мобильную псевдо адаптивность шаблона? Никаких @media в css найти не могу. Может это какая-то хитрая микро разметка? Помогите пожалуйста разобраться.
Я так понимаю, решения не найдено. Потому как после внесения визуальных изменений в css мобильная версия выглядит крайне ужасно.
 

D&B

Администратор
Команда форума
Местный
#5
Использую наверное самый старый, стандартный и бесплатный шаблон для интернет магазина на woocmmerce
А вот не надо такой использовать. Используйте современный, адаптивный и платный. И никаких проблем не будет.
 

AntonK

Форумчанин
#6
А вот не надо такой использовать. Используйте современный, адаптивный и платный. И никаких проблем не будет.
Да понятно, что не надо. Всегда же начинаешь тешить себя мыслями, что ты тот самый, который судьбу на...т. Хотелось минимум вложений для теста ниши.

А когда добил футеры, немного подвигал блоки, чтобы пустот поменьше было так сразу поплыло все в мобильной версии.
 

AntonK

Форумчанин
#7
А вот не надо такой использовать. Используйте современный, адаптивный и платный. И никаких проблем не будет.
Кстати сейчас используется тема MyStile и она адаптирована под мобильный вид, но как оказалось ...