Перейти к содержанию
snap10

как изменить количество колонок при показе продуктов

Рекомендуемые сообщения

Подскажите пожалуйста, как изменить количество колонок (по умолчанию 5) продуктов.

правил стили, но изменяется количество колонок категории.

.box-product > div {
	width: 130px;
       margin-left:10px;     ДОБАВИЛ ЭТУ СТРОКУ: чем больше пикселей, тем меньше столбцов
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;           ЗДЕСЬ ТАКЖЕ РЕГУЛИРУЕТСЯ
	margin-bottom: 20px;	
}

куда копать по продуктам? ocStore=1.5.4.1.2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Поиграйтесь с этой строчкой

width: 130px;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Отыскал сам, может кому и пригодится

Вывод товара сеткой в две колонки

Заменить

.product-list > div {
                        overflow: auto;
                        margin-bottom: 15px;
}

На

.product-list > div {
float: left;
height: 200px;
margin-bottom: 15px;
padding: 10px;
overflow: auto;
width: 45%;
} 

Вывод товара списком количество столбцов меняется

.product-grid > div {
                        width: 130px;
                        display: inline-block;
                        vertical-align: top;
                        margin-right: 80px;           // играем этими пикселями
                    margin-left:10px;                 // и этими
                    margin-bottom: 15px;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.