Jump to content
Sign in to follow this  
karnager

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

Recommended Posts

Всем привет!

opencart 1.5.4.1

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

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

Спасибо ;)

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

Share this post


Link to post
Share on other sites

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

.box-product

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

#container {
width: 1000px;

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

#container {

width: 1000px;

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

.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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.