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

[military21]

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

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

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

2.3 

[private]

Через медиазапросы.

[DariyGRAY]

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

[military21]

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

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

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

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

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

[DariyGRAY]

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

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

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