[Помогите] Выровнить изображение товара.

Тема в разделе "OpenCart", создана пользователем butikstickerov, 24 апр 2014.

  1. butikstickerov

    butikstickerov

    Регистрация:
    9 сен 2013
    Сообщения:
    57
    Симпатии:
    1
    Всем привет,специалисты CSS помогите разобраться как подровнять изображение товара в общем блоке в поочередной последовательности сайт

    вот как это выглядит сейчас:
    [​IMG]
    --- Добавлено, 25 апр 2014 ---
    Тему можно закрыть,Решено:
    Padding:auto
     
    Последнее редактирование: 25 апр 2014
  2. nikfakel

    nikfakel

    Регистрация:
    24 июл 2013
    Сообщения:
    150
    Симпатии:
    33
    Вы, конечно, молодец, что сами решили проблему. Тем более, что даже лучшие специалисты CSS вряд ли определят по картинке стили элементов :coffee:
     
  3. cereberlum

    cereberlum

    Регистрация:
    26 май 2013
    Сообщения:
    756
    Симпатии:
    269
    для .product-grid > div можно задать минимальную высоту я поставил min-height:375px; вот что получилось.
    [​IMG]
    Понятно что высота блока меняется из-за кнопочек выбора цвета и где-то что-то приходится добавлять или убавлять, нужно решить что именно. Надо понимать что при этом увеличится высота всех подобных блоков. Может разумнее на месте показа этих квадратиков показывать что-то альтернативное. Если есть идеи как должно выглядеть - нарисуйте.
     
    butikstickerov нравится это.
  4. Strannik69

    Strannik69

    Регистрация:
    6 окт 2013
    Сообщения:
    180
    Симпатии:
    488
    Как вариант можно попробовать поменять местами блок с ценой и выбором цвета (
    <div class="price"> и <div class="product-color-options"> ), те цена окажется на одном уровне ( кстати выделите её что-ли покрупнее как-то , например font-size: 18px;(.product-grid .price в stylesheet.css 397 )
     
  5. butikstickerov

    butikstickerov

    Регистрация:
    9 сен 2013
    Сообщения:
    57
    Симпатии:
    1
    Вот спасибо,теперь подумаю как заполнить белое пространство..
    --- Добавлено, 26 апр 2014 ---
    как присвоить весь этот div class="product-color-options" ко всем товарам?
     
    Последнее редактирование: 26 апр 2014
  6. Jnorf

    Jnorf

    Регистрация:
    30 дек 2013
    Сообщения:
    31
    Симпатии:
    10
    я бы добавил position: absolute; к классу и разместил колоры над названием, например, и с высотой не было бы головняков. хотя она может измениться и когда название будет в 2 строки, это тоже нужно учесть.
     
  7. butikstickerov

    butikstickerov

    Регистрация:
    9 сен 2013
    Сообщения:
    57
    Симпатии:
    1
    Всем спасибо, тема закрыта.