[Помогите] Как растянуть среднюю колонку шаблона?

Тема в разделе "OpenCart", создана пользователем steler, 1 июл 2013.

  1. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    В папке stylesheet отредактировал ширину шаблона изменил на 98%
    /* Container */
    #container{width:98%;margin:0 auto;}

    Теперь средняя колонка (там где краткое описание товаров найденных в категории) осталась узкой, не могу найти где css по ее ширине.

    Прилагаю код styles.css (или ширина не в нем настраивается?)

     
  2. Spartak

    Spartak

    Регистрация:
    23 дек 2012
    Сообщения:
    151
    Симпатии:
    57
    Добрый день
    Вам скорее всего нужно не ширину блока менять, а убрать/откорректировать количество выводимых символов в блоке "Описания"
     
    steler нравится это.
  3. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
  4. Spartak

    Spartak

    Регистрация:
    23 дек 2012
    Сообщения:
    151
    Симпатии:
    57
    А хоть текст-то теперь у вас весь отображается в описании?
    Возможно стоит еще:
    - задать ширину для блока
    Код:
    .cat_items {
    - сменить ширину в блоке
    Код:
    .product-list .right {
     
    steler нравится это.
  5. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    Высота текстового блока увеличилась.

    .cat_items { - в точку - это оно!

    А .product-list .right { стоит 510px - это чего ширина? (ничего особо не меняется)
     
  6. Spartak

    Spartak

    Регистрация:
    23 дек 2012
    Сообщения:
    151
    Симпатии:
    57
    .product-list .right { - это разметка правого блока (все кроме картинки товара) в раскладке страницы категорий "Список"
    Попробуйте изменить эти 510px например на 82%
     
    steler нравится это.
  7. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    При изменении обеих значений на 85% все растянулось. По одному не работало. Проблема решена
     
  8. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    Подскажи пожалуйста как теперь все банеры и пр. элементы главной страницы растянуть аналогично. Они сжимаются вместе с картинками

    p.s похоже надо оставлять шаблон по умолчанию 960px

    или лучше вернуться на стандартный opencart и начинать с простого
     
  9. Spartak

    Spartak

    Регистрация:
    23 дек 2012
    Сообщения:
    151
    Симпатии:
    57
    Добрый день
    Как вариант для модуля "Новинки"
    в файле стиля найти блок
    Код:
    .home .content {
    и заменить ширину например на 86%
    затем, в блоке
    Код:
    .latest {
    задать ширину в 100%
     
    steler нравится это.
  10. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    Растянулось отлично, только теперь все модули в одном ряду друг за другом, наверное как-то надо указать, чтобы в разных рядах выводились
     
  11. Spartak

    Spartak

    Регистрация:
    23 дек 2012
    Сообщения:
    151
    Симпатии:
    57
    Можете дать ссылку на ваш сайт, так как я сейчас ориентируюсь по шаблону, ссылку на который вы привели выше, а там, вроде как, модули, при подобных манипуляциях, остаются на своих местах
     
  12. Вова талибан

    Вова талибан

    Регистрация:
    6 мар 2013
    Сообщения:
    53
    Симпатии:
    19
    используйте Просмотр кода элемента в Chrome для таких ситуаций, там ведь можно "на лету" внести изменения в css, и для вашей колонки в частности
    А блокам с модулями укажите display: block; если они в одном ряду оказались
     
    steler нравится это.
  13. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    еще раз проверил, нормально, в ряд не становятся, рекомендации помогли.


    вижу код, внизу элементы, справа стиль и правила css, а как вносить на лету изменения?
     
  14. Вова талибан

    Вова талибан

    Регистрация:
    6 мар 2013
    Сообщения:
    53
    Симпатии:
    19
    слева выбирайте элемент, а справа будут соответствующие ему стили - и там в конце любой строки щелкните, появится курсор - и начинайте вводить нужный атрибут стиля и его значение (chrome автоматически дополнит по первым символам)
    Ну а потом энтер для подтверждения, и сразу на странице увидите изменения
     
    steler нравится это.
  15. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    А как сопоставить с исходной таблицей css ?
    ориентироваться в дебрях <tr></tr>
     
  16. Вова талибан

    Вова талибан

    Регистрация:
    6 мар 2013
    Сообщения:
    53
    Симпатии:
    19
    почитайте про этот веб инспектор http://habrahabr.ru/post/143767/
    там все элементарно и просто, номер строки и файл css показываются даже
     
    steler нравится это.
  17. steler

    steler

    Регистрация:
    10 июн 2013
    Сообщения:
    43
    Симпатии:
    1
    А реально отследить css настройки определенного блока на странице таким способом?
     
  18. Вова талибан

    Вова талибан

    Регистрация:
    6 мар 2013
    Сообщения:
    53
    Симпатии:
    19
    а как вы думаете? вот все стили по блоку с вашим сообщением, ничто не мешает так же делать с элементами шаблона в ОС

    [​IMG]
     
    steler нравится это.