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

Опции - разный способ вывода для десктопа и мобильных


Recommended Posts

Здравствуйте

Как настроить разный вид вывода опций для экранов с разным разрешением?

На десктопе переключатель . на малых экранах список

2.3 

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


Прям настроить не получится. В данном случае требуется расширение кода html, css и, возможно, js (многое зависит от пожелания к шаблону отображения). Если коротко, то верстается два разных блока отображения опций и потом, как сказал @private, их отображение манипулируется медиазапросами в css

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

а почему нельзя использовать имеющиеся стили? вот например демо

https://demo23.ocstore.com/index.php?route=product/product&product_id=42

моих неглубоких познаний достаточно чтобы предположить что элементам присвоены разные id которым присваиваются классы

не возможно в медиазапросе присвоить выбранному id класс уже имеющийся? как это делается если это вообще возможно?

я вообще выше ерунду не сморозил? ))

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


Реализаций на самом деле масса. Я бы делал вообще иначе:

  1. Определил бы устройство какой-нибудь библиотекой а ля MobileDetect
  2. В зависимости от устройства передал бы шаблон отображения опций

И никаких вам манипуляций через медиазапросы)

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

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

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

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

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

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

Вхід

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

Вхід зараз

×
×
  • Створити...

Important Information

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