Создал табличный вывод товара на базе автомобильного демо сайта. В одной из колонок таблицы (в ячейке) разместил элементы цены (JBZoo Price Plain): цена, вариации, выбор количества товара, кнопка "купить". Проверяю внешний вид (адаптивность) на мобильных - все отображается нормально, кроме выбора количества товара - наезжает на другие элементы.
Посмотреть и протестировать можно по адресу http://omegamettrade...tsiya/list.html
Адаптивность внутри ячейки табличного вывода каталога
#1
Posted 05 June 2016 - 19:34
#2
Posted 06 June 2016 - 12:25
internetmaster, при создании автомобильного демо сайта стилей под элемент кол-ва мы не сами т.к. не использовали его. Т.к у элемента кол-ва верстка в таблице, то стили для адаптации под моб. устройства так же дейсвуют и на элемент. Попробуйте в файле:
\media\zoo\applications\jbuniversal\templates\auto\assets\less\demo\media\_category.less
сделать стили следующим образом:
Какую то часть проблем это решит. Так же класс zebra и стили от него применяется к элементу кол-ва, а не только к основной таблице.
Тут нужно смотреть стили и дописывать свои для правильного отображения элемента.
#3
Posted 06 June 2016 - 18:58
internetmaster, при создании автомобильного демо сайта стилей под элемент кол-ва мы не сами т.к. не использовали его. Т.к у элемента кол-ва верстка в таблице, то стили для адаптации под моб. устройства так же дейсвуют и на элемент. Попробуйте в файле:
\media\zoo\applications\jbuniversal\templates\auto\assets\less\demo\media\_category.lessсделать стили следующим образом:
Какую то часть проблем это решит. Так же класс zebra и стили от него применяется к элементу кол-ва, а не только к основной таблице.
Тут нужно смотреть стили и дописывать свои для правильного отображения элемента.
Сделал, как посоветовали - ничего не изменилось, я даже прописал
.jbprice-quantity {
display: none;
}
В итоге ничего не поменялось
#5
Posted 06 June 2016 - 19:54
#6
Posted 08 June 2016 - 18:03
internetmaster, как говорил выше что при создании демо сайта не брался во внимание элемент кол-ва, поэтому для него нет стилей. Тут только своими руками прописывать стили для этого элемента. Или попробовать перенести в другую позицию где этот элемент будет более ровнее выводится.