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

категории товара в мобильной версии


Recommended Posts

здравствуйте. подскажите пожалуйста как сделать 2 колонки товаров в категориях и под категориях в мобильной версии дефолтного шаблона opencart 3.0.2.0 спасибо

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


Попробуйте в самый конец файла 
/catalog/view/theme/default/stylesheet/stylesheet.css

добавить так например.

.

@media (min-width: 360px) {

.product-grid.col-lg-4{
    width:50%;
}
.product-grid {
    padding-right:2px;
    padding-left:2px;
    margin-bottom: -15px;
  }
}

 

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

спасибо но к сожалению не помогло. делал на хостинге через менеджер файлов, файлы обновил, кэш очистил

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


То есть на своем телефоне, вы не видите, что сейчас товар уже выводится по два?

 

 

 

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

Актуально. Один большой нюанс: предложенный вами код одновременно меняет отображение в компьютерной версии в 2 колонки. 

Пробовала заменить 

В 09.10.2019 в 22:03, Tom сказал:

.product-grid.col-lg-4{

на .product-grid.col-xs-4{ 

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

Предложите, пожалуйста, как усовершенствовать?

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


12 часов назад, marmariska сказал:

одновременно меняет отображение в компьютерной версии в 2 колонки.

 

@media (max-width: 480px) {

.product-grid.col-lg-4{
    width:50%;
}
.product-grid {
    padding-right:2px;
    padding-left:2px;
    margin-bottom: -15px;
  }
}

 

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

21 час назад, comers сказал:

Если так подробно всем разжевывать, то скоро и работы по опенкарт не останется у фрилансеров :( 

Вы предлагаете закрыть форум дабы ни кто не смог почерпнуть знаний?

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


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

Вы предлагаете закрыть форум дабы ни кто не смог почерпнуть знаний?

Конечно нет - форум наше всё, но есть на форуме платный раздел для тех, кто не хочет сам изучать простейшие азы css и html. Если на все глупые вопросы давать готовые решения, возникает мотивация для всех менеджеров интернет-магазинов обращаться за бесплатным готовым решением, чтобы сэкономить деньги компании. А это какое-никакое снижение количества заказов. Я не призываю морозится, наоборот, помогать надо, но подсказками и направлениями, а не пошаговой инструкцией и готовым кодом.

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


5 часов назад, comers сказал:

Так же, как и в предыдущем вопросе, с помощью css

большое спасибо. конкретно в моем случае у меня пока нет компании и нет менеджеров. Я рад крупицам того что люди делятся бесплатно.

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


  • 1 year later...

Доброго времени суток! А подскажите, в категориях данный метод срабатывает, а как это же сделать в модулях новые поступления и рекомендуемые?

Заранее благодарю за помощь!

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


В 13.07.2021 в 22:02, seo1981 сказал:

Доброго времени суток! А подскажите, в категориях данный метод срабатывает, а как это же сделать в модулях новые поступления и рекомендуемые?

Заранее благодарю за помощь!

Уже не актуально. Сам сделал

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


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

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

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

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

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

Вхід

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

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

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

Important Information

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