[Помогите] Смещение блока "Рекомендуемое"

Тема в разделе "OpenCart", создана пользователем Alexandr, 16 янв 2013.

  1. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    У меня, в блоке рекомендуемое всегда будет 6 товаров, как мне поместить эти шесть товаров по центру?
    Сейчас, блок "рекомендуемое" у меня под стилем .box-product, как мне задать им свой стиль? в каком файле вообще этот блок?
    Если я задам ему позицию по центру, у меня съезжает нижний блок еще один под стилем .box-product.
     
  2. ingenerks

    ingenerks

    Регистрация:
    25 окт 2012
    Сообщения:
    254
    Симпатии:
    79
    Дайте ссылку на сайт, что бы фаербагом глянуть. И сделайте скриншот чего вы хотите добиться, так просто легче будет вам помочь!
     
  3. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52

    Мне надо сместить товары в блоке рекомендуемое по центру.
     
  4. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    catalog/view/theme/default/stylesheet/stylesheet.css строка 848
    к .box-product
    Добавить padding-left:45px;
     
    Alexandr нравится это.
  5. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    Вот в этом и проблема, делаю так, нижний блок "Лидеры продаж Популярные Новые поступления", у него появляется горизонтальная полоса прокрутки.
     
  6. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Таки да)
    Открываем файл catalog\view\theme\default\template\module\featured.tpl
    К <div class="box-product"> Добавьте class <div class="box-product otstup">
    Теперь для .otstup{padding-left:45px;}
    Все просто Уотсон )
     
    Alexandr нравится это.
  7. ingenerks

    ingenerks

    Регистрация:
    25 окт 2012
    Сообщения:
    254
    Симпатии:
    79
    stylesheet.css строка 852
    .box-product > div {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 26px; изменить на 26px;
    text-align: center; добавить эту строку и все выровняется по центру
    vertical-align: top;
    width: 130px;
    }
     
  8. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    зайди на сайт, посмотри) Он в вертикаль делает продукты
     
  9. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Уберем ширину у .box-product
    Для .box-product > div нужно поставить float:left;
    И для .box-product > div:first-child{margin-left:20px;}
    Все.
     
    Alexandr нравится это.
  10. ingenerks

    ingenerks

    Регистрация:
    25 окт 2012
    Сообщения:
    254
    Симпатии:
    79
    А так пробовали?

    stylesheet.css строка 852
    .box-product > div {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 26px; изменить на 26px;
    text-align: center; добавить эту строку и все выровняется по центру
    vertical-align: top;
    width: 130px;
    }
     
  11. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    выравнивает только текст ) Блоки от этого не выравниваются. Но для визуализации эффекта, полезно.
    Для блоков еще нужен отступ.
     
    Alexandr нравится это.
  12. ingenerks

    ingenerks

    Регистрация:
    25 окт 2012
    Сообщения:
    254
    Симпатии:
    79
    так я же и указал поменять отступы справа и выровнять все по центру!
     
  13. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    del.
    Тему в офф. очень помог модератор Alex.
    Выражаю ему благодарность