Панель Этапов

[Parazit00]

Здравствуйте!
Кто может подсказать, в какую сторону копать, чтобы изменить вид этапов?
На компьютере еще выглядит гармонично, но на телефоне уже не очень.
Комп

Screenshot_1.png (4.64 КБ) 657 просмотров

Телефон

Screenshot_2.png (5.4 КБ) 657 просмотров

Я нашел пример в интернете и хочу реализовать такой вид, но пока не могу придумать, как это сделать. Буду рад любой подсказке по этому вопросу.

[Fait]

Здравствуйте!
Кто может подсказать, в какую сторону копать, чтобы изменить вид этапов?
На компьютере еще выглядит гармонично, но на телефоне уже не очень.
Комп
Screenshot_1.png
Телефон
Screenshot_2.png

Я нашел пример в интернете и хочу реализовать такой вид, но пока не могу придумать, как это сделать. Буду рад любой подсказке по этому вопросу.
Screenshot_3.png

Я бы сделал PHP кодом на странице записи.
Алгоритм простой:
Если устройство определяется как мобильное, то код считывает все нужные данные и строит графическое представление, как душе угодно.
Потом скриптом заменяет стандартный блок этапов нужной вёрсткой.
Если не разберётесь, могу сделать для вас)

[Parazit00]

Здравствуйте!
Кто может подсказать, в какую сторону копать, чтобы изменить вид этапов?
На компьютере еще выглядит гармонично, но на телефоне уже не очень.
Комп
Screenshot_1.png
Телефон
Screenshot_2.png

Я нашел пример в интернете и хочу реализовать такой вид, но пока не могу придумать, как это сделать. Буду рад любой подсказке по этому вопросу.
Screenshot_3.png

Я бы сделал PHP кодом на странице записи.
Алгоритм простой:
Если устройство определяется как мобильное, то код считывает все нужные данные и строит графическое представление, как душе угодно.
Потом скриптом заменяет стандартный блок этапов нужной вёрсткой.
Если не разберётесь, могу сделать для вас)

Если вам несложно, могли бы вы отправить черновой набросок? Я уже сам адаптирую и стилизую дальше. Просто сейчас немного не понимаю, как это все настроить на странице записи.

[Fait]

Готового кода у меня нет)
Если был бы, то поделился.
Я просто знаю, что в нём должно быть и какой алгоритм работы (я его и описал выше).
Создание кода - это время, а время - это деньги.
И пока что у меня есть множество других задач, которые мне их приносят)

Место, где нужно будет писать код для отображения:
Настройки страницы записи -> PHP код

[Parazit00]

Готового кода у меня нет)
Если был бы, то поделился.
Я просто знаю, что в нём должно быть и какой алгоритм работы (я его и описал выше).
Создание кода - это время, а время - это деньги.
И пока что у меня есть множество других задач, которые мне их приносят)

Место, где нужно будет писать код для отображения:
Настройки страницы записи -> PHP код

Спасибо за пояснение, буду пробовать реализовать самостоятельно! Понимаю, что создание кода требует времени, и ценю, что поделился алгоритмом.

[syrorybin]

Здравствуйте!
Кто может подсказать, в какую сторону копать, чтобы изменить вид этапов?
На компьютере еще выглядит гармонично, но на телефоне уже не очень.
Комп
Screenshot_1.png
Телефон
Screenshot_2.png

Я нашел пример в интернете и хочу реализовать такой вид, но пока не могу придумать, как это сделать. Буду рад любой подсказке по этому вопросу.
Screenshot_3.png

Здравсвуйте. Позвольте уточнить как вы такие этапы сделали, нам и первый вариант бы подошел, это штатный функционал?

[Parazit00]

Здравствуйте!
Кто может подсказать, в какую сторону копать, чтобы изменить вид этапов?
На компьютере еще выглядит гармонично, но на телефоне уже не очень.
Комп
Screenshot_1.png
Телефон
Screenshot_2.png

Я нашел пример в интернете и хочу реализовать такой вид, но пока не могу придумать, как это сделать. Буду рад любой подсказке по этому вопросу.
Screenshot_3.png

Здравсвуйте. Позвольте уточнить как вы такие этапы сделали, нам и первый вариант бы подошел, это штатный функционал?

Здравствуйте. Да это штатный функционал

Только для добавление иконки использую - <i class="fa fa-spinner" aria-hidden="true"></i> В процессе

А так же вот такой вид получается в списке

Screenshot_8.png (54.65 КБ) 414 просмотров

[syrorybin]

Огромное спасибо. Попробую реализовать.

[tehnos]

Идея со значками в этапах конечно хороша.
Однако вот такая костыльная реализация даст о себе знать когда вы заходите получить значение этапа по API или включите фильтр на странице записей - весь этот HTML будет в названии.

[Parazit00]

Идея со значками в этапах конечно хороша.
Однако вот такая костыльная реализация даст о себе знать когда вы заходите получить значение этапа по API или включите фильтр на странице записей - весь этот HTML будет в названии.

Я понимаю что в данный момент это костыль. Но для меня в данный момент это был единственный выход.