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

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

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

Всем привет!

opencart 1.5.4.1

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

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

Спасибо ;)

post-29206-0-72027100-1361705663_thumb.png

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


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

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

.box-product

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

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

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

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


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

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

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


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

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

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

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


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

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

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

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

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


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

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

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


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

В файле 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

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


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

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

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

#container {
width: 1000px;

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

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


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

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

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


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

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

#container {

width: 1000px;

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

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

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

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

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


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

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

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

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

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


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

Ну не понимаю я, почему различаются данные при визуальном восприятии, когда в 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

  • +1 2

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


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

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

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

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

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


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

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

  • +1 1

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


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

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

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


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

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

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

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

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


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

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

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

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

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

post-23811-0-03021100-1361976898_thumb.png

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


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

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

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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