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

Как сделать 6 товаров в одной строчке

Image CMS

headWoW

Новичок
#1
Помогите как сделать чтобы в одну строчку было не 4 товара а 6? Целый день ищу не могу найти пожалуйста помогите а то как обновил плагин и всё изменилось на сайте http://bontyre-stalker.ru/
 

D&B

Администратор
Команда форума
Местный
#2
Подберите себе тему уже с поддержкой WC и таким выводом товаров который бы полностью устраивал.
 

artemkomarov

Специалист
Местный
#3
Помогите как сделать чтобы в одну строчку было не 4 товара а 6?
HTML:
ul.products {
justify-content: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.twentyfourteen ul.products li.product {
width: calc(100% / 6 - 15px) !important;
margin: 0 5px !important;
}
 

rikitiki

Специалист
Местный
#11
Да нормально получилось. Woociommerce поддерживает тему Twenty Fourteen. У неё даже в коде эта тема отдельно прописана. Тема хоть и журнальная, но на вашем сайте смотрится, быстро открывается и хорошая заполняеемость страницы контентом
А на Storefront сейчас каждый второй делает.
Только теперь при сужении окна браузера колонки мелко смотрятся. Нужно чтобы на широком экоане было 6 колонок и чем уже экран тем меньше колонок.
И ещё хочу спросить - наверху выпадающие посадочный диаметр, ширина профиля и т.д. чем сделаны? Вроде видно что виджетом, но непонятно каким?
 

headWoW

Новичок
#12
Да нормально получилось. Woociommerce поддерживает тему Twenty Fourteen. У неё даже в коде эта тема отдельно прописана. Тема хоть и журнальная, но на вашем сайте смотрится, быстро открывается и хорошая заполняеемость страницы контентом
А на Storefront сейчас каждый второй делает.
Только теперь при сужении окна браузера колонки мелко смотрятся. Нужно чтобы на широком экоане было 6 колонок и чем уже экран тем меньше колонок.
И ещё хочу спросить - наверху выпадающие посадочный диаметр, ширина профиля и т.д. чем сделаны? Вроде видно что виджетом, но непонятно каким?
Вукоменрсовские виджеты там же можно выбрать выпадающим окном или просто списком вот выбрал выпадающие и добавил область виджетов на шапке а дальше спустил эту область и прилепил к экрану и вытащил поверх всех через z-index 9999
P.S. А Как сделать чтобы при большом экране было 6 колонок и так далее ещё как сделать чтобы звёздочки были посередине как цены ??
 

rikitiki

Специалист
Местный
#13
Обычно медизапросами делают. Для своего дипазона ширины экрана свой код СSS. В Woocommerce сделано именно так, когда они при изменении ширины с 4х колонок на две меняют.
 

rikitiki

Специалист
Местный
#14
Я бы помимо звёдочек и заголовки отцентрировал. Самое простое через файребаг , добавить туда центрирующий код. Если не сможете то я чуть позже гляну.
 

headWoW

Новичок
#15
Я бы помимо звёдочек и заголовки отцентрировал. Самое простое через файребаг , добавить туда центрирующий код. Если не сможете то я чуть позже гляну.
Буду ждать. Вы ещё можете помочь поставить 6 товаров в 1 строку а то через код который мне дали всё криво отображается
 

rikitiki

Специалист
Местный
#16
Можно в php
В woocommerce\includes\wc-template-functions.php в строке
$woocommerce_loop['columns'] = ! empty( $woocommerce_loop['columns'] ) ? $woocommerce_loop['columns'] : apply_filters( 'loop_shop_columns', 4 );
заменить 4 на 6
В css вписать
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 13.05%;
}
Но на средних экранах также будет смотреться мелко.
Вообще-то это более грамотно должно делаться, через тему. Storefromt ведь меняет с 4 колонок на 3, и во Fruitfuull изменение количества колонок в настройках темы есть. Но как я не знаю.

Заголовок легко центрируется text-align, а рейтинг пока не поддаётся.
 
Последнее редактирование:
Сверху Снизу