Помощь Блоки одинаковой высоты woocommerce

goodoker

Постоялец
Регистрация
7 Окт 2012
Сообщения
120
Реакции
53
delete
 
Последнее редактирование:

Den1xxx

Постоялец
Регистрация
15 Янв 2014
Сообщения
289
Реакции
167
Задать min-height например.
Или так:
HTML:
<div style="display:table-cell;">
<div style="display:table-row">
<div style="display:table-cell;background:red">column 1</div>
<div style="display:table-cell;background:blue">column 2</div>
<div style="display:table-cell;background:green">column 2</div>
</div>
</div>
 

TwistedAndy

Постоялец
Регистрация
17 Июл 2009
Сообщения
104
Реакции
25
Это можно сделать с помощью JS:

Код:
<script type="text/javascript">

function set_min_height(){
   
    var elements = jQuery('li.product .inner-product-content');
    var number_in_line = 3;

    for (var i = 0; i < elements.length; i = i+number_in_line) {

        var elements_row = elements.slice(i, i+number_in_line);

        var height = 0;

        elements_row.each(function(){

            height = Math.max(height, jQuery(this).height());

        }).css('min-height', height);

    }
}

jQuery(window).load(set_min_height).resize(set_min_height);

</script>
 
Сверху