Jump to content


Photo
- - - - -

Адаптивность внутри ячейки табличного вывода каталога

адаптивность табличный вывод каталога количество товара

5 replies to this topic

#1 internetmaster

internetmaster
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 85
  • topics: 34

Posted 05 June 2016 - 19:34

Создал табличный вывод товара на базе автомобильного демо сайта. В одной из колонок таблицы (в ячейке) разместил элементы цены (JBZoo Price Plain): цена, вариации, выбор количества товара, кнопка "купить". Проверяю внешний вид (адаптивность) на мобильных - все отображается нормально, кроме выбора количества товара - наезжает на другие элементы.
 
Посмотреть и протестировать можно по адресу http://omegamettrade...tsiya/list.html


  • 0
новичок

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 06 June 2016 - 12:25

internetmaster, при создании автомобильного демо сайта стилей под элемент кол-ва мы не сами т.к. не использовали его. Т.к у элемента кол-ва верстка в таблице, то стили для адаптации под моб. устройства так же дейсвуют и на элемент. Попробуйте в файле:

\media\zoo\applications\jbuniversal\templates\auto\assets\less\demo\media\_category.less

сделать стили следующим образом:

890n_200x0.png

Какую то часть проблем это решит. Так же класс zebra и стили от него применяется к элементу кол-ва, а не только к основной таблице.

Тут нужно смотреть стили и дописывать свои для правильного отображения элемента.


  • 0
Изображение
 

#3 internetmaster

internetmaster
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 85
  • topics: 34

Posted 06 June 2016 - 18:58

internetmaster, при создании автомобильного демо сайта стилей под элемент кол-ва мы не сами т.к. не использовали его. Т.к у элемента кол-ва верстка в таблице, то стили для адаптации под моб. устройства так же дейсвуют и на элемент. Попробуйте в файле:

\media\zoo\applications\jbuniversal\templates\auto\assets\less\demo\media\_category.less

сделать стили следующим образом:

890n_200x0.png

Какую то часть проблем это решит. Так же класс zebra и стили от него применяется к элементу кол-ва, а не только к основной таблице.

Тут нужно смотреть стили и дописывать свои для правильного отображения элемента.

Сделал, как посоветовали - ничего не изменилось, я даже прописал

.jbprice-quantity {
        display: none;    
        }

В итоге ничего не поменялось


  • 0
новичок

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 06 June 2016 - 19:36

internetmaster, после изменений нужно кеш по чистить. Чистили? 


  • 0
Изображение
 

#5 internetmaster

internetmaster
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 85
  • topics: 34

Posted 06 June 2016 - 19:54

internetmaster, после изменений нужно кеш по чистить. Чистили? 

чистил кеш, не помогает


  • 0
новичок

#6 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 08 June 2016 - 18:03

internetmaster, как говорил выше что при создании демо сайта не брался во внимание элемент кол-ва, поэтому для него нет стилей. Тут только своими руками прописывать стили для этого элемента. Или попробовать перенести в другую позицию где этот элемент будет более ровнее выводится. 


  • 0
Изображение
 





Also tagged with one or more of these keywords: адаптивность, табличный вывод каталога, количество товара

Click to return to top of page in style!