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

Как добавить 4-й товар в строку сетки?

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

Как добавить 4-й товар в строку сетки, кто может подсказать? Шаблон дефолтный

58f9db70c0037_1.thumb.PNG.3113fe66b1de7f93d05de7fb7f2df309.PNG

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


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

в

/catalog/view/javascript/common.js

		if (cols == 2) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
		} else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
		} else {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
		}

 

cols - кол-во выводимых колонок (левая, правая)

если 2 (левая и правая), тогда будет по 2 товара в ряд

если 1 (левая или правая), тогда будет по 3 товара в ряд

во всех других случаях, будет по 4 товара в ряд

 

поменять в

else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');

 

col-lg-4 col-md-4

на

col-lg-3 col-md-3

получится

		if (cols == 2) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
		} else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
		} else {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
		}

 

Изменено пользователем unknown
  • +1 1

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


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

в html коде, классы col-lg-4 col-md-4 заменить на col-lg-3 col-md-3

  • +1 1

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


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

Если сбоку не выводить меню/баннеры/фильтры - голая категория, то и по дефаулту в 4 колонки.

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


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

product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12

заменить на:

product-layout product-grid col-lg-3 col-md-4 col-sm-6 col-xs-12

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


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

unknown, n3bo, Sha, перепробовал ваши решения, не выходит, все равно остается 3 в строке


58f9e6b3daa9e_1.thumb.PNG.bfa3ff30c2acf59383308928f473b51a.PNG

58f9e6eedc83b_2.PNG.deb08eec5769d91b63b84f1bfa5644dd.PNG

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


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

Должно работать

менеджер дополнений - обновить

дайте ссылку

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


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

unknown, обновлял кэш через админку, обновлял в мэнеджере дополнений, результата 0

http://vashdom-market.ru/index.php?route=product/category&path=20_63

Изменено пользователем NOMEL

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


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

Сейчас 4 в ряд

Chrome - Ctrl+Shift+R или Shift+F5

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, unknown сказал:

Сейчас 4 в ряд

Chrome - Ctrl+Shift+R или Shift+F5

спасибо ;) 4 стало показывать

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, unknown сказал:

Должно работать

менеджер дополнений - обновить

дайте ссылку

 

День добрый, подскажите пожалуйста, подобная проблема, только нужно, чтобы кол-во товаров в сетке в моб. версии и мелких планшетах было таким же, как на pc версии. Сейчас на pc 3 товара, а на моб. версии 1 товар. Как это сделать? Заранее благодарю.

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


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

agentnkvd,

смотрите там же.

col-sm-12

и

col-xs-12

отвечают за отображение на маленьких устройствах

меняйте 12 на 4

Смотрите что получается

 

Полезно посмотреть еще и еще

 

Изменено пользователем unknown

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


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

unknown, поменял, никаких изменений нет. Менеджер дополнений обновил.

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


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

agentnkvd,

дайте ссылку на сайт

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


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

agentnkvd,

менять нужно в

/catalog/view/theme/unishop/js/common.js

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


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

unknown, поменял и там, в двух файлах (common и common_) и поочереди. Изменений никаких не было.

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


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

agentnkvd,

смотрю ваш файл, ничего не изменено

88888.thumb.png.d6106ecb78615b397566d3ca1ba34ed6.png

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


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

unknown, мистика, я этот файл скачиваю, там все изменено. Смотрю исходный код на странице сайта - ничего не меняется.:unsure:

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


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

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

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

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

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

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

Войти

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

Войти

  • Похожий контент

    • От colaweb
      990.00 руб
      Скачать/Купить дополнение


      Онлайн конструктор дизайна интернет магазина (генератор дизайнов)
      .
      для ocStore 1.5.5.1* и OpenCart 1.5.6*
      Все очень просто.
      При помощи конструктора Вы сможете создавать уникальные дизайны для любого количества интернет магазинов.
      Демо
      Последовательно открывайте вкладки и вносите необходимые Вам изменения.
      Все ваши настройки сохраняться после повторного открытия конструктора в том же браузере.
      Если Вы планируете использовать текстуры для Вашего магазина, подготовьте заранее картинки структур в формате .jpg, .gif или .png размером не более 10КБ для каждой картинки.
      Текстуры в формате .png или .gif с прозрачными областями, можно использовать совместно с цветом, выбранным в конструкторе, для придания фона текстуре например такую
      Эта опция конструктора добавляет безграничные возможности для индивидуализации Вашего дизайна интернет магазина.
      Добавьте конструктор в закладки, и Вы всегда сможете вернуться, чтобы сделать Ваш дизайн еще лучше.
      Для работы в конструкторе используйте последние версии браузеров Chrome или Firefox
      Добавил видео инструкцию по пользованию конструктором: youtu.be/fgLUaGlQM38

      Добавил colaweb Добавлено 24.03.2014 Категория Платные шаблоны  
    • От death123
      Помогите пожалуйста, не могу понять почему остается пустота и в нее товар не выводиться, как это исправить??

    • От colaweb
      .
      для ocStore 1.5.5.1* и OpenCart 1.5.6*
      Все очень просто.
      При помощи конструктора Вы сможете создавать уникальные дизайны для любого количества интернет магазинов.
      Демо
      Последовательно открывайте вкладки и вносите необходимые Вам изменения.
      Все ваши настройки сохраняться после повторного открытия конструктора в том же браузере.
      Если Вы планируете использовать текстуры для Вашего магазина, подготовьте заранее картинки структур в формате .jpg, .gif или .png размером не более 10КБ для каждой картинки.
      Текстуры в формате .png или .gif с прозрачными областями, можно использовать совместно с цветом, выбранным в конструкторе, для придания фона текстуре например такую
      Эта опция конструктора добавляет безграничные возможности для индивидуализации Вашего дизайна интернет магазина.
      Добавьте конструктор в закладки, и Вы всегда сможете вернуться, чтобы сделать Ваш дизайн еще лучше.
      Для работы в конструкторе используйте последние версии браузеров Chrome или Firefox
      Добавил видео инструкцию по пользованию конструктором: youtu.be/fgLUaGlQM38

    • От zava
      Добрый день. Как убрать список сетка кнопки сортировки кодом в категориях -- кроме такого варианта display: none; (вырезал кнопки появился по умолчанию список а нужна сетка )
  • Последние посетители   0 пользователей онлайн

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

×

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

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