Структура верстки информации трекинга
Информацию о трекинге отправления, которую Shop-Script получает от плагина доставки, видят как менеджер магазина в бекэнде, так и покупатель при просмотре заказа в личном кабинете. Структура блока с трекингом у плагина «Расчет стоимости СДЭК» адаптирована под стандартную разметку, используемую в бэкенде магазина.
Текущее состояние выводится в теге p с классом info, а история в таблице с классом zebra.
На скриншоте отмечены блоки:
- синий — параграф класса info (p.info). Полужирное выделение сделано с помощью тега b.
- пурпурный — таблица класса zebra
- зеленый — тег caption, вложенный в таблицу
- бордовый — заголовок таблицы (tr/th)
В html этот блок выглядит так:
<p class="info">Текущее состояние: <b>Выдан на отправку в г.-отправителе</b>. Город: <b>Москва</b></p> <table class="zebra"> <caption>История статусов</caption> <tr> <th>Дата</th> <th>Город</th> <th>Статус</th> </tr> <tr> <td>Вчера 12:57</td> <td>Москва</td> <td>Создан. Отправление зарегистрировано в учетной системе курьерской службы</td> </tr> <tr> <td>Вчера 16:34</td> <td>Москва (Фонвизинская)</td> <td>Принят на склад транзита</td> </tr> </table>