Невозможно отобразить два списков ul в одной строке

Question

Я показываю некоторые продукты, и у меня есть доступ к css в магазине magento go. Прямо сейчас цикл настроен на отображение 5 продуктов в строке, а знак ul закрыт. Затем, если существует больше продуктов, создается следующий элемент <ul>. У меня фиксированная ширина, которая может вместить только 3 <li>. Это работает хорошо, но проблема в том, что во второй строке отображаются только два элемента, а следующий <ul> переходит к следующей строке. Я не хочу, чтобы это произошло и вы хотите отобразить 3 элемента в строке.

Я попытался добавить встроенный блок и вертикальную выровненную вершину к <ul> также элементы списка уже по вертикали выровнены сверху, float: left и display: inline-block, но почему-то я не могу это исправить.

Я был бы очень признателен, если кто-то может помочь. Вот URL:

http://magoopaddleboards.gostorego.com/

С наилучшими пожеланиями, Ахмар

Answer 1

.widget ul.products-grid{ 
display:inline !important; 
float:none !important; 
} 
.widget ul.products-grid:after{display:none !important;} 

Answer 2

Вы можете установить 6 пунктов вместо 5 товаров в Magento, я не испытывал в magentocommerce, но если я понимаю, Magento может настроить количество элементов для каждой страницы

стыдно, что вы не можете включить javascript в свой код этот код jquery может решить ваши проблемы:

<script> 
var newUl = $('<ul class="products-grid">');  
$('.widget-products > ul.products-grid').each(function() { 
     $(this).find('li.item').each(function() { 
      newUl.append($(this)) 
     }); 
     $(this).remove(); 
    }); 
$('.widget-products').append(newUl); 
</script> 

Нет ничего невозможного, searh и найти, как включить это :)

How to Add Custom JavaScript in Magento Go