---
title: VK Groups виджет (опционально)
section: main-page
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-11
files:
  php_inline:
    - views/site/index.php:248-267
  php_partials: []
  scss:
    - src/client/vk-md/style.scss
  js: []
  widgets: []
  shared: []
deps_on: []
themes_with_analog: []
---

# VK Widget

## Назначение

Виджет «ВКонтакте» внизу главной страницы, показывается только если `$domain->widgetVk == 1`. Подгружает скрипт `https://vk.com/js/api/openapi.js` и монтирует группу `189642471` в `#vk_groups`.

**Редизайн 2026-07-11 (только обрамление):** сам виджет — **сторонний КРОСС-ДОМЕННЫЙ iframe от vk.com** (`VK.Widgets.Group`), его содержимое стилизовать нельзя — VK даёт лишь параметры конфига (`width`/`mode`/`no_cover`/`color3`; `color3=4D1616` уже совпадает с нашим accent-dark). Поэтому переверстано только **обрамление** в стиле `../mebel-landing`: секция `<section class="md-vk">` с eyebrow «Сообщество» + заголовком **Fraunces** «Мы во ВКонтакте» + тёплая карточка `.md-vk__card` вокруг `#vk_groups`. Скрипт и конфиг VK не тронуты. Стили — `src/client/vk-md/style.scss`.

## Потолок дизайна (важно)

- Внутренности виджета (шапка сообщества, аватары подписчиков, кнопка «Follow on VK») рендерит VK внутри `<iframe>` со своего домена — **CSS/JS проекта туда не достаёт**. Единственный «брендинг» — параметр `color3` (цвет акцента/кнопки), уже выставлен в `4D1616`.
- Всё, что в нашей власти — рамка/заголовок/фон/отступы вокруг iframe. Это и сделано.

## Где живёт

- **Вёрстка:** `views/site/index.php` — inline `<section class="md-vk">` (под условием `$domain->widgetVk`).
- **SCSS:** `src/client/vk-md/style.scss`, подключён в `src/client/index.scss` после `tags-md`.

## Bootstrap-классы

- Класс-обёртка `widget-vk` сохранён; раскладка/обрамление — на собственном SCSS.