Готовые элементы в DOM
VGLoadMore оставляет видимой первую пару карточек, сам создаёт кнопку и раскрывает по две карточки. После последней порции autohide скрывает триггер.
Структура разделаГлавная страница · 6 блоков
Карточки услугКаталог · 12 карточек
Форма обратной связиКонтакты · 8 полей
Сценарий навигацииШапка · 5 пунктов
Мобильная версияВсе страницы · 4 брейкпоинта
Финальная проверкаРелиз · 18 тестов
HTML
<div
id="project-feed"
class="module-loadmore-list"
data-vgloadmore
data-limit="2"
data-elements="module-loadmore-item"
data-animate="true"
data-button-text="Показать ещё"
data-button-classes='["btn","btn-primary","btn-sm"]'
>
<article class="module-loadmore-item">...</article>
<article class="module-loadmore-item">...</article>
<article class="module-loadmore-item">...</article>
</div>
JavaScript
// Дополнительная инициализация не требуется: используется Data API.
CSS
.module-loadmore-list {
display: grid;
gap: var(--vg-space-3);
}