Поддержка → Темы и шаблоны → 3 колонки в архиве

3 колонки в архиве

  • novikov4333

    (@novikov4333)


    3 года назад

    как через эти свойства сделать 3 колонки не знаю. Нашел код, он не работает.

    
media only screen and (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 30%;
float: left;
clear: none;
margin: 5px;
}
}

    на 2 колонки работает 

    
@media (min-width: 400px) and (max-width: 768px) {
ul.products li.product {
width: 48%;
float: left;
clear: both;
}

ul.products li.product:nth-child(2n) {
clear: none;
float: right;
}
}

    Помогите разобраться, спасибо.

    • Тема изменена 3 года назад пользователем novikov4333.
    • Тема изменена 3 года назад пользователем Yui. Причина: please use CODE button for code formatting
Просмотр 6 ответов — с 1 по 6 (всего 6)
  • tuxfighter

    (@tuxfighter)

    3 года назад

    Нашел код, он не работает.

    с чего бы он должен работать на вашем сайте?
    Стили пишуться под каждый сайт индивидуально.

    Помогите разобраться

    http://htmlbook.ru/samcss

    Автор novikov4333

    (@novikov4333)

    3 года назад

    Ну тема от underscores, пример кода на 2 колонки есть.
    Тем более, что в демо темах тоже только на 4 и на 2 колонки, на 3 не видел! Думаю не мне одному надо что бы такое решение было, без самопоиска.

    • Ответ изменён 3 года назад пользователем novikov4333.
    tuxfighter

    (@tuxfighter)

    3 года назад

    Ну тема от underscores

    ктож заставляет вас заниматься мазохизмом?
    возьмите готовую тему, где ВСЕ уже сделано так, как вам нужно.

    на 3 не видел!

    это не значит, что их нет.

    Думаю не мне одному надо что бы такое решение было, без самопоиска.

    думать вам ни кто не запрещает, но вот только курсы по верстке не входят в тематику этого форума. Хотите самостоятельно верстать темы — изучайте html и css.

    Автор novikov4333

    (@novikov4333)

    3 года назад

    Да при чем тут готовая тема? В общем, взял изменил на 3 колонки , за основу через кастомайзер, и потом дополнил.

    
@media (min-width: 768px) and (max-width: 1100px) {
	ul.products{
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
	}
	}
	
	@media (min-width: 768px) and (max-width: 1100px) {
	ul.products li.product.first {
		clear: none !important;
	}
	}
	
	@media (min-width: 768px) and (max-width: 1100px) {
	ul.products li.product {
		width: 30.79667% !important;
		float: none !important;
		margin-right: 0% !important;
	}
	}

    МАЗОХИЗМ, ЭТО ТО, КАК ОНО ПО СТАРОМУ СДЕЛАНО, НЕ КТО УЖЕ НЕ ЮЗАЕТ СТАРЫЙ ПОДХОД, ВСЕ РАБОТАЮТ КАК ВЫШЕ, СО СВОЙСТВАМИ ФЛЕКСОВ!

    • Ответ изменён 3 года назад пользователем novikov4333.
    • Ответ изменён 3 года назад пользователем novikov4333.
    • Ответ изменён 3 года назад пользователем Yui. Причина: code
    Модератор Yui

    (@fierevere)

    永子

    3 года назад

    1. научитесь оформлять код, мне за вами исправлять уже надоедает
    2. не пишите CAPSом
    3. Если вам не нравится 10 тысяч готовых тем, это не значит, что вам обязаны помогать встраивать костыли в велосипед.

    kword

    (@kw56)

    3 года назад

    Никто уже не юзает старый подход, все работают как выше, со свойствами флексов

    Флексы могут разъехаться, если понадобится использовать хуки в архивах

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «3 колонки в архиве» закрыта для новых ответов.

Просмотр