• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено Сопутствующие товары в 4 колонки

rivoi

Новичок
Здравствуйте уважаемые ! Помогите сделать блок сопутствующие товары в несколько колонок (4 или 5). Сейчас 3 колонки. Пробовала через плагин WooCommerce Product Details Customiser, почему-то в этом случае выводится 2 блока сопутствующих товаров, один в 3 колонки, другой в 4.
 

tuxfighter

Гуру
Местный
Код:
.woocommerce ul.products li.product{
    width: 16% !important;
    float: left !important;
     margin-right: 4% !important;
    clear: none !important;
   
}
можете так же добавить
Код:
.woocommerce-loop-product__title {
    height: 80px;
}
 
Последнее редактирование:

rivoi

Новичок
Здравствуйте всем ! Я по тому же вопросу! Теперь не ровно выравниваются колонки, почему так происходит ? Причем каждый раз по разному выстраиваются, Обновляю, они прыгают то так, то сяк. Скрины прилагаю. http://anaelle-ufa.com/product/30929-167_40054-167_iceberg/
 

Вложения

  • 2018-02-27_11-39-05.png
    2018-02-27_11-39-05.png
    114.7 KB · Просмотры: 5
  • 2018-02-27_11-42-30.png
    2018-02-27_11-42-30.png
    101.4 KB · Просмотры: 5

tuxfighter

Гуру
Местный
а куда стили добавляли?
попробуйте еще так
Код:
.woocommerce #primary section.upsells ul.products li.product{
width: 17% !important;

float: left !important;

clear: none !important;

margin-right: 7% !important;
  
  
}
.woocommerce #primary section.upsells ul.products li.product:nth-child(4n+4){
    margin-right: 0px !important;
}
 
Последнее редактирование:
Сверху Снизу