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

кол-во товаров в ряду в зависимости от устройства


Recommended Posts

Друзья, подскажите пожалуйста, как настроить Рекомендуемое на основной странице сайта так, чтобы в обычной версии и на планшетах отображение было стандартным, а вот в мобильной версии товары отображались по 2 шт, а не по одному в ряд?! Сам в этом точно не разберусь, несмотря на небольшой опыт работы с кодом. Сайт https://i-ficha.ru/

Screenshot 2021-03-04 114804.jpg

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


документация к вашей версии бутстрапа

 

https://getbootstrap.com/docs/4.1/layout/grid/

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

Можно стилями, применить кастомную ширину для col-sm-12. Так например

@media (max-width: 767px){.col-sm-12.us-item{width:50%;}}

http://joxi.ru/Vm63zj9uvdBGV2

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

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

Можно стилями, применить кастомную ширину для col-sm-12. Так например


@media (max-width: 767px){.col-sm-12.us-item{width:50%;}}

http://joxi.ru/Vm63zj9uvdBGV2

Отличная подсказка, только я не могу определиться, где находится файл, в котором необходимо применить изменения. Подскажите пожалуйста!!!

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


23 минуты назад, Tom сказал:

В стилях вашего шаблона или в панели управления шаблоном.

Я нашел единственный файл, в котором нашел содержание похожего кода, подскажите пожалуйста, как правильно внести изменения в него? 

Screenshot 2021-03-04 135230.jpg

Screenshot 2021-03-04 135307.jpg

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


С вашими знаниями....

Файл стилей ваш,  на скрине, называется stylesheet.css, вот в него в самый конец можно добавить, сохранить и потом сбросить кеш браузера.

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

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

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

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

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

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

Вхід

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

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

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

Important Information

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