Увеличение количества товаров в строке [РЕШЕНО]

[karnager]

Всем привет!

opencart 1.5.4.1

Нестандартный шаблон nicole_fashion

В этом шаблоне предусмотрено 4 товара в строчке. Возможно ли как-то сделать 5 товаров? Где это редактируется?

Спасибо ;)

[tim21701]

Смотрите файл stylesheet.css в Вашей теме, всё что относится к

.box-product

Ширина, высота, расстояние между ними и отступы. Всё находится в этих блоках.

Если бы Вы изначально прикрепили к своему сообщению файл со стилями - Вам ответили бы намного быстрее...

Файлы к сообщению можно прикрепить в zip архиве

[karnager]

Вот файл .css

А также список других файлов в этой папке. Нужно ли еще где-то менять?

stylesheet.css

http://anasbe.ru/

[Гість]

заходите в админку далее Дополнения->Модули ищите модуль "Последние" нажимаете изменить, в поле лимит ставите цифру 5, далее нажимаете кнопочку "Сохранить", и будет вам счастье))))

[Napolnasrakis]

У вас на сайте всего 4 товара. Попробуйте добавить еще.

И в настройках модуля посмотрите.

[karnager]

Добавил 5 товар, поставил лимит 5. Не проходит.

Пробовал изменять ширину и высоту изображения, при увеличении предела 175x224 товаров в строчке остается даже 3.

Дело скорее в css файле, там стоит ограничение на ширину страницы. Вот и хотел узнать, где ее можно расширить.

[Гість]

как так не проходит? сейчас заходил к вам на сайт, там 5 товаров в ряд)

[karnager]

Можно скрин в студию?

[Napolnasrakis]

В файле stylesheet.css, в строке 1216 ,в блоке

box-product div.image, .product-grid .image {
display: block;
margin-bottom: 0px;
min-height: 244px;
min-width: 175px;
padding: 20px 20px 0px;
}

замените строку min-width: 175px; на width:120px

[Napolnasrakis]

Дело скорее в css файле, там стоит ограничение на ширину страницы. Вот и хотел узнать, где ее можно расширить.

Так вы хотите расширить всю страницу? Тогда в строке 190 меняйте

#container {
width: 1000px;

на ту ширину, которую вам надо

[karnager]

Спасибо, на локальном сервере все получилось, но вот на удаленном, как малые параметры ширины и высоты не ставь, не получается поставить их 5 в строку ((

[karnager]

Вопрос решился тем, что в значении

#container {

width: 1000px;

Было выставленое

1) на ноутбуке все окау при width: 1200 (5 товаров в строке) Разрешение экрана: 1366x768

2) на обычном ПК все окау при width: 1250 (5 товаров в строке) Разрешение экрана: 1280x1024

Почему так происходит?

[Napolnasrakis]

Попробуйте в строке 1153, в блоке

.box-content .box-product, .box-content .product-grid {
   display: inline-block;
   width: auto;
}

поставить не auto, а тоже 1200px

[karnager]

Ну не понимаю я, почему различаются данные при визуальном восприятии, когда в css файле на ноутбуке (локальном серве) стоят такие же данные, как на удаленном сервере в том же самом файле, только я работаю на мониторе другого разрешения...

На ноуте в строке 5 элементов есть, а на ПК нет...

Ставлю:

.box-product div.image,
.product-grid .image
{
display: block;
margin-bottom:0px;
min-height:235px;
min-width:166px;
padding:20px 20px 0px;

На ноутбуке с такими параметрами все идеально, а на ПК удаленке - 4 в ряд. Чтобы их стало 5 в ряд, нужно чуть-ли не до 120 понижать ширину, а это уже пи**ськи какие-то крошечные получаются, а не картинки ((((

[Гість]

.box-product > div, .product-grid > div {
margin: 0px 5px;
margin-bottom: 20px;
}
.box-product div.image, .product-grid .image {
display: block;
margin-bottom: 0px;
min-height: 244px;
min-width: 175px;
padding: 20px 15px 0px;
}
div.box-product div.image, div.product-grid .image {
min-height: 0px;
min-width: 100px;
}
div.box-product div.name, div.product-grid .name {
width: 131px;
margin: 0 auto;
}
.box-product .price, .product-grid .price {
font-size: 14px;
width: 110px;
margin: 0 auto;
}

добавьте все это в самый конец файла catalog/view/theme/nicole-fashion/stylesheet/responsive.css

[karnager]

Почему администраторы написали в теме что решено, когда и вовсе еще ничего не решено....

Мне нужно, чтобы все корректно отоброжалось на удаленном хостинге, но увы... есть разногласия.

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

[Гість]

добавить надо было в самый конец файла, после всего что там есть, да кстати, и код мой у вас похоже не правильно с копировался так как за место символа > у вас там стоит >

[Гість]

а написали [решено] потому что http://opencartforum...post__p__132693

[karnager]

Добавил в самый низ, заменил... Голый Вася

[karnager]

Теперь, к тому же всему прочему, сбились названия товаров и выравнивание товаров по центру/левому краю и т.д.

Левый край стал равен центру

По правому краю - теперь заезжает за поля разметки...

[Гість]

Теперь, к тому же всему прочему, сбились названия товаров и выравнивание товаров по центру/левому краю и т.д.

Левый край стал равен центру

По правому краю - теперь заезжает за поля разметки...

что не так? не пойму, приложил свой скриншот

[karnager]

Проблему решил перезалив файлы css. У тебя на скрине как-то криво все отображается, надписи и картинки внутри... Я уже переделал

[karnager]

Тот же самый вопрос, только относительно внутренней страницы сайта (непосредственно в категориях) Там отображается по 4 товара в строке, и лишь на главной - 5. Где нужно еще подправить?

Заранее спасибо!