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

Три колонки товаров в Рекомендуемых


Recommended Posts

Здравствуйте. подскажите пожалуйста как сделать в декстопной версии не зависимо от изменения маштаба страницы 3 колонки товаров РЕКОМЕНДУЕМЫХ на странице HOME

в дефолте opencart 3.0.2.0 . Ранее мобильная версия была изменена на 2 колонки. моя страница http://flower.dn.ua Буду рад любой помощи

спасибо

Змінено користувачем oio
Надіслати
Поділитися на інших сайтах


13 минут назад, AndreyQ сказал:

<div class="product-layout col-lg-4 col-md-4 col-sm-6 col-xs-12">

catalog\view\theme\default\template\extension\module\featured.twig

col-sm-6 = 2 колонки, col-xs-12 = 1 колонка на небольших экранах

col-sm-9 = 3 колонки я правильно вас понял?

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


14 минут назад, oio сказал:

col-sm-9 = 3 колонки я правильно вас понял?

Всего может быть 12

12\4 = 3 колонки

12\6  =  2 колонки

Это очень грубо, потому что еще от ширины экрана эти параметры зависят

Змінено користувачем AndreyQ
Надіслати
Поділитися на інших сайтах


1 час назад, oio сказал:

col-sm-9 = 3 колонки я правильно вас понял?

12 колонок
9 это 9 занятых одним из 12ти
получается
одна колонка и пустое место

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


что и где надо прописать что бы количество колонок не менялось при разном масштабе страницы в декстопной версии как например здесь: rus-buket.ru  ?

 

Змінено користувачем oio
Надіслати
Поділитися на інших сайтах


20 минут назад, oio сказал:

что и где надо прописать что бы количество колонок не менялось при разном масштабе страницы в декстопной версии как например здесь: rus-buket.ru  ?

 

в первом же ответе вся необходимая информация

col-lg-4 col-md-4

sm и xs это для маленьких экранов

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

2 часа назад, oio сказал:

<div class="product-layout col-lg-4 col-md-4 col-sm-6 col-xs-6">

так у меня заработало как я хотел.

огромное спасибо всем!!!

http://bootstrap-3.ru/css.php#grid-media-queries

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


вот если бы еще подсказали как сделать на странице поиска и на страницах производителей на большом экране 3 колонки а на мобильном 2 колонки ?

большое спасибо за любую подсказку

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


21 минуту назад, oio сказал:

вот если бы еще подсказали как сделать на странице поиска и на страницах производителей на большом экране 3 колонки а на мобильном 2 колонки ?

большое спасибо за любую подсказку

product/search.twig

product/manufacturer_info.twig

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

23 часа назад, Blast сказал:

product/search.twig

product/manufacturer_info.twig

разжуйте мне пожалуйста в какой строке это изменять. желательно готовое решение, но я буду рад любой подсказке

спасибо

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


2 часа назад, oio сказал:

разжуйте мне пожалуйста в какой строке это изменять. желательно готовое решение, но я буду рад любой подсказке

спасибо

А что тут разжёвывать? Сделайте ровно то же самое, что и для рекомендуемых в указанных мной файлах

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

2 часа назад, Blast сказал:

А что тут разжёвывать? Сделайте ровно то же самое, что и для рекомендуемых в указанных мной файлах

для меня там как другой темный лес. но все равно спасибо за продвинутый ответ

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


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

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

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

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

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

Вхід

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

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

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

Important Information

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