Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Сделать таблицу адаптивной


Recommended Posts

Нужно сделать таблицу с товаром полностью адаптивной на мобильных устройствах. На скриншоте видно, что поле "Тип расположения" на мобильном устройстве отображается некорректно, там нет значений "отдельно стоящий, пристенный", которые есть если смотреть с компьютера. Т.е нужно что-то вроде style="height: auto;" width="100%", но куда это вставлять в данном случае не совсем понятно.

Пример таблицы с товаром:http://elektrosvet.dp.ua/imac

 

Screenshot_2018-01-24-22-21-23.png

Link to post
Share on other sites

А где там таблица ? Это список.... Почему вы вписываете характеристики в описание а не в атрибуты, где им самое место и они адаптивны? А как потом быть  если понадобится фильтр ? А он соотвественно не сможет фильтровать, так как вы свернули шею логике самого опенкарт?
 

Link to post
Share on other sites
1 час назад, Tom сказал:

А где там таблица ? Это список.... Почему вы вписываете характеристики в описание а не в атрибуты, где им самое место и они адаптивны? А как потом быть  если понадобится фильтр ? А он соотвественно не сможет фильтровать, так как вы свернули шею логике самого опенкарт?
 

Копирую список с характеристиками со стороннего сайта, т.к много товаров и нет времени все в ручном режиме вносить в атрибуты. 

Если понадобится фильтр, использую ocfilter и в ручном режиме устанавливаю только нужные мне значения

Link to post
Share on other sites

Закажите парсинг.

Копипаст зло изначально.

Вы сначала создаёте преднамеренно сложности(что бы облегчить работу) потом будете платить за разного рода костыльные решения.

Пока не поздно нужно притормозить.

Парсинг при правильном его исполнении заполнит нужные атрибуты они отобразятся где положено фильтр подхватит данные.

Так как ocfilter не панацея , ведь потом придётся опять по новой в каждом товаре создавать нужные опции фильтра.

Link to post
Share on other sites
В 24.01.2018 в 21:56, ArtemPitov сказал:

Прочитал статью по ссылке, но мне не понятно как это применить в данном случае.

 

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.