Убрать колонку слева при другом разрешении

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Артем999, 8 сен 2015.

  1. Артем999

    Артем999 Пользователь

    Сообщения:
    59
    Симпатии:
    0
    Всем еще раз добрый вечер, Ребята!
    В один удивительный момент зашел на сайт с планшета (ipad mini) и что Я там увидел?
    Увидел непонятной разметки шаблон сайта. Вернее понятной, но как изменить все это дело - непонятно.
    Вопрос конкретный - такой. Как убрать боковую панель при отображении на 7 дюймовых экранах полной версии сайта. То бишь сайт просматривается не как на телефоне допустим, а как на компьютере, но сжато. И вот эта левая колонка вся сжалась, текст из нее повылазил и смотрится не лучшим образом. Как сделать так, чтобы сайт отображался как нужно, либо убрать левую колонку из показа.
    Center-gaza.ru

    Спасибо за внимание!
     
  2. Vlad

    Vlad Эксперт

    Сообщения:
    3.882
    Симпатии:
    937
    видимо в файле 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'; ?>
     
  3. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    814
    Симпатии:
    217
    <column id="column-left" class="col-md-3 hidden-sm hidden-xs">
     
  4. Артем999

    Артем999 Пользователь

    Сообщения:
    59
    Симпатии:
    0
    Спасибо за быстрый ответ. Теперь проблема возникла там, где ее не ждали)
    Это все перекинулось в телефонную версию. То бишь левая колонка теперь отображается в телефоне, хотя раньше ее там не было.
     
  5. Артем999

    Артем999 Пользователь

    Сообщения:
    59
    Симпатии:
    0
    Так, что мы имеет теперь.
    column_left.tpl здесь ввел изменения XDX. Это помогло по вышесказанному, но разбросало категории, которые отображены на главной. Есть догадки у кого-нибудь, как это исправить? Заранее Спасибо.
     
  6. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    814
    Симпатии:
    217
    Какие еще категории? Включите сайт посмотреть. И на скрине поясните что хотите и что надо убрать, а то не совсем понятно что вы хотите.
     
  7. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    814
    Симпатии:
    217
    У вас почти по всем блокам ошибки верстки. Перечислять нет смысла. Сами все видите. Ищите причину и устраняйте ее с помощью CSS.
    По вашим вопросам видно, что опыта у вас мало, поэтому могу направить только сюда:
    http://htmlbook.ru/css
    http://getbootstrap.com
     
  8. Артем999

    Артем999 Пользователь

    Сообщения:
    59
    Симпатии:
    0
    Это вы тактично отправили меня в далекую и неизведанную чащу?
    Мне по всем блокам ответа не нужно, спасибо за направления.
    Но по теме вы в силах дать ответ? На счет конкретного блока
     
  9. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    429
    Верстка реально храмая)))
    Решение:
    Добавить в CSS стиль
    HTML:
    @media (min-width: 768px) {
        .product-thumb {
            min-height: 345px;
        }
    }
    Причина:
    У каждого блока категории своя высота, из за этого он не мог поместить под категорию другую категорию, пришлось задать им минимальную высоту, но учти, что если у какого то блока категории высота будет больше 345, то они опять могу слететь

    Удачи :)
     
  10. Артем999

    Артем999 Пользователь

    Сообщения:
    59
    Симпатии:
    0
    Спасибо, Солунски - Сенсей CSS стиля )
    Тяжело в учении, легко в бою )
    И тебе ;):)
     
  11. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    429
    Меня еще на работе иногда называют человек HTML :DDD
     
  12. Артем999

    Артем999 Пользователь

    Сообщения:
    59
    Симпатии:
    0
    Находчиво :D
     
  13. kwakin

    kwakin Пользователь

    Сообщения:
    61
    Симпатии:
    2
    годится ли это решение для дефолт темы 2.1 ?
     
  14. Vlad

    Vlad Эксперт

    Сообщения:
    3.882
    Симпатии:
    937
    А почему бы не проверить самостоятельно?? Думаю годится.
     
  15. kwakin

    kwakin Пользователь

    Сообщения:
    61
    Симпатии:
    2
    а не подскажите как теперь при другом разрешении сделать 3 товара в ряд СЕТКА
    знаю что делать здесь common.js
    но что то моих знаний не хватает
    http://host1742830.hostland.pro/index.php?route=product/category&path=18
     
  16. Vlad

    Vlad Эксперт

    Сообщения:
    3.882
    Симпатии:
    937
    Для этого есть другие темы, где все расписано. Не дело в одну тему все пихать.
     
  17. kwakin

    kwakin Пользователь

    Сообщения:
    61
    Симпатии:
    2
    Спасибо что откликнулись
    Тему подскажите
    Еще раз спасибо