Перейти к содержанию
gts

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

Рекомендуемые сообщения

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, Tom сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 24.01.2018 в 21:56, ArtemPitov сказал:

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×