Структура верстки информации трекинга

Информацию о трекинге отправления, которую 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>