Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Всем привет!

opencart 1.5.4.1

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

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

Спасибо ;)

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

Надіслати
Поділитися на інших сайтах


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

.box-product

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

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

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Надіслати
Поділитися на інших сайтах

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

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.