Всем еще раз добрый вечер, Ребята! В один удивительный момент зашел на сайт с планшета (ipad mini) и что Я там увидел? Увидел непонятной разметки шаблон сайта. Вернее понятной, но как изменить все это дело - непонятно. Вопрос конкретный - такой. Как убрать боковую панель при отображении на 7 дюймовых экранах полной версии сайта. То бишь сайт просматривается не как на телефоне допустим, а как на компьютере, но сжато. И вот эта левая колонка вся сжалась, текст из нее повылазил и смотрится не лучшим образом. Как сделать так, чтобы сайт отображался как нужно, либо убрать левую колонку из показа. Center-gaza.ru Спасибо за внимание!
видимо в файле catalog\view\theme\default\template\common\column_left.tpl заменить Код: <column id="column-left" class="col-sm-3 hidden-xs"> на это Код: <column id="column-left" class="col-md-3 hidden-sm"> И еще в файле (это для главной) \catalog\view\theme\default\template\common\home.tpl это Код: <?php $class = 'col-sm-9'; ?> заменить на это Код: <?php $class = 'col-md-9'; ?>
Спасибо за быстрый ответ. Теперь проблема возникла там, где ее не ждали) Это все перекинулось в телефонную версию. То бишь левая колонка теперь отображается в телефоне, хотя раньше ее там не было.
Так, что мы имеет теперь. column_left.tpl здесь ввел изменения XDX. Это помогло по вышесказанному, но разбросало категории, которые отображены на главной. Есть догадки у кого-нибудь, как это исправить? Заранее Спасибо.
Какие еще категории? Включите сайт посмотреть. И на скрине поясните что хотите и что надо убрать, а то не совсем понятно что вы хотите.
У вас почти по всем блокам ошибки верстки. Перечислять нет смысла. Сами все видите. Ищите причину и устраняйте ее с помощью CSS. По вашим вопросам видно, что опыта у вас мало, поэтому могу направить только сюда: http://htmlbook.ru/css http://getbootstrap.com
Это вы тактично отправили меня в далекую и неизведанную чащу? Мне по всем блокам ответа не нужно, спасибо за направления. Но по теме вы в силах дать ответ? На счет конкретного блока
Верстка реально храмая))) Решение: Добавить в CSS стиль HTML: @media (min-width: 768px) { .product-thumb { min-height: 345px; } } Причина: У каждого блока категории своя высота, из за этого он не мог поместить под категорию другую категорию, пришлось задать им минимальную высоту, но учти, что если у какого то блока категории высота будет больше 345, то они опять могу слететь Удачи
а не подскажите как теперь при другом разрешении сделать 3 товара в ряд СЕТКА знаю что делать здесь common.js но что то моих знаний не хватает http://host1742830.hostland.pro/index.php?route=product/category&path=18
