Основне Зручність в адмінці
Список в адмінці — компактною таблицею
display="table" Короткі рядки на кшталт «назва + ціна» зручніше редагувати таблицею: усі рядки видно одразу, як в електронній таблиці. display змінює лише вигляд в адмінці, на сайті нічого не змінюється.
Куди ставити
На той самий елемент, що й fld-loop або opt-loop: display="table".
Працює на будь-якому рівні вкладеності — і для списку всередині групи чи рядка.
Приклад: меню напоїв
Розмітка menu.html
<div class="cards" fld-loop="Drinks" display="table">
<article class="card">
<h3 fld-text="Name">Latte</h3>
<span fld-text="Price">$4.20</span>
</article>
<article class="card">
<h3 fld-text="Name">Cappuccino</h3>
<span fld-text="Price">$3.90</span>
</article>
</div>В адмінці Pages → Menu
Drinks
Add Row
| Name | Price |
|---|---|
| Latte | $4.20 |
| Cappuccino | $3.90 |
| Flat white | $4.00 |
| Matcha latte | $4.80 |
На сайті сторінка меню
Menu
Latte $4.20
Cappuccino $3.90
Flat white $4.00
Matcha latte $4.80
У таблиці клієнт бачить усі напої одразу й редагує ціни в один рядок.
Що важливо
table— таблиця,block— кожен рядок окремою карткою (типово),row— поля рядка в одну лінію.- Таблиця добра для двох-чотирьох коротких полів. Для довгого тексту чи картинки в рядку залиште
block. - З розмітки сайту атрибут видаляється під час збирання.