Справочник настроек темы Vertex
Каждая опция в Theme Settings редактора темы Shopify, с объяснениями. Чтобы получить доступ: откройте редактор темы и нажмите иконку шестерёнки (слева внизу) с подписью Theme settings.
Настройки Vertex сгруппированы в 7 панелей:
Типографика
| Настройка | Что делает | По умолчанию |
|---|---|---|
| Heading font | Шрифт для <h1>–<h6> на каждой странице, плюс заголовки маркетинговых секций. | Poppins Bold |
| Body font | Шрифт для основного текста, навигации, кнопок, полей форм и цен. | Poppins Regular |
Лучшая практика
Vertex предзагружает оба шрифта, поэтому они готовы до первой отрисовки. Используйте один шрифт для обоих (с разной насыщенностью), если хотите максимально быстрый LCP.
Цвета
Стартовая цветовая палитра
Один раскрывающийся список, который перекрашивает всю витрину в один клик.
| Опция | Отрасль | Акцентный цвет |
|---|---|---|
| Custom | Любая | Используйте индивидуальные выборщики цветов ниже |
| Vertex amber | Промышленность / MRO-снабжение (по умолчанию) | #fbbf24 |
| Throttle red | Автозапчасти | #ec5f24 |
| OfficeIT blue | Офис и IT-снабжение | #3b82f6 |
| Inkline teal | Печать и репрография | #0d9488 |
Кастомная палитра (используется только когда стартовая палитра = Custom)
| Настройка | Назначение | По умолчанию (Vertex amber) |
|---|---|---|
| Background | Фон тела, фон выдвижной пан ели | #ffffff |
| Surface | Фон карточки, фон панели настроек | #f5f5f4 |
| Surface alternate | Деликатная вторичная поверхность | #fafaf9 |
| Text | Основной цвет текста | #0c0a09 |
| Muted text | Надстрочные тексты, метки, подписи | #57534e |
| Borders | Границы карточек, разделители | #e7e5e4 |
| Accent | Основной цвет бренда (CTA, значки) | #d97706 |
| Accent dark | Состояние при наведении/активации на янтарных CTA | #b45309 |
| Accent soft | Мягкий оттенок для янтарных фонов | #fef3c7 |
| Text on accent | Цвет текста и иконок, размещённых на залитых акцентом кнопках и значках. Сохраняйте высокий контраст относительно Accent dark (по умолчанию белый) | #ffffff |
| Success | Значки успеха (В наличии, NET-30 одобрено) | #15803d |
Макет
| Настройка | Опции | По умолчанию |
|---|---|---|
| Page width | Narrow (75rem) / Standard (90rem) / Wide (110rem) | Narrow |
| Page side padding | 16–60 px (слайдер) | 28 px |
Поведение шапки
| Настройка | Что делает | По умолчанию |
|---|---|---|
| Sticky header on scroll | Закрепляет основную шапку в области просмотра. | Вкл |
Поведение корзины
| Настройка | Что делает | По умолчанию |
|---|---|---|
| Cart layout | Slide-out drawer (рекомендуется для B2B быстрых добавлений) или Dedicated cart page. | Drawer |
Утилиты
| Настройка | Что делает | По умолчанию |
|---|---|---|
| Show 'Back to top' button | Плавающая кнопка после одного экрана прокрутки. | Вкл |
| Show 'Recently viewed' on product pages | Отслеживает до 12 товаров на покупателя в localStorage. | Вкл |
B2B
Режим витрины
| Опция | Что делает | Лучше всего для |
|---|---|---|
| Hybrid (auto) (по умолчанию) | Автоопределение: дружелюбные к B2C настройки по умолчанию для гостей, B2B-элементы для авторизованных B2B-покупателей. | Большинство продавцов — принимают обе аудитории. |
| B2B-only | Скрывает дружелюбные к B2C настройки по умолчанию. | Только для оптовых продавцов. |
| B2C-only | Подавляет каждый B2B-элемент UI даже для авторизованных B2B-покупателей. | Когда та же тема работает на родственном B2C-магазине. |
→ Подробнее: Руководство по режимам витрины
Видимость цен
| Настройка | Что делает | По умолчанию |
|---|---|---|
| Hide prices until customer logs in | Заменяет цены на «Войдите, чтобы увидеть цены» для гостей. | Выкл |
Секции страницы товара
| Настройка | Что делает | Подложенное метаполе |
|---|---|---|
| Show price history on PDP | Отображает раскрытие «История цен», когда у товара есть vertex.price_history. | vertex.price_history |
| Show 'Ships from' on PDP | Читает vertex.ships_from, откатывается к значению по умолчанию ниже. | vertex.ships_from |
| Default 'Ships from' location | Используется, когда у товара нет vertex.ships_from. Оставьте пустым, чтобы пропустить. | — |
| Show 'Documents & downloads' on PDP | Обёртывает ссылки на технические спецификации / MSDS / брошюру / руководство по установке. Автоматически скрывается у товара, к которому документы не прикреплены. | vertex.datasheet, и т. д. |
| Show variant swatches | Превращает значения опций «цвет/изображение» в кликабельные образцы-чипы на странице товара. Когда выключено, опции везде отображаются как обычные раскрывающиеся списки. | — |
Откуда берутся образцы
Назначьте цвет или изображение значению опции в админ-панели Shopify, и Vertex автоматически покажет его как кликабельный чип — настройка темы не требуется. Доступный раскрывающийся список остаётся под ним для пользователей клавиатуры и программ чтения с экрана.
Локализация
| Настройка | Опции | По умолчанию |
|---|---|---|
| Text direction | Auto (управляется локалью) / Left to right / Right to left | Auto |
Авто-RTL
Vertex автоматически переключает <html dir> для арабского, иврита, фарси, урду, идиш, курдского, дхивехи и пушту. Установите Left to right / Right to left только если нужно принудительно.
SEO и обмен в соцсетях
Брендовые ресурсы
| Настройка | Рекомендуемый размер |
|---|---|
| Favicon | 32×32 PNG. Оставьте пустым, чтобы использовать встроенный знак бренда Vertex. |
Социальные карточки
| Настройка | Рекомендуемый размер |
|---|---|
| Default share image (OG / Twitter) | 1200 × 630 px. |
| Twitter / X handle | Без @. |
URL-адреса социальных профилей (Organization JSON-LD sameAs)
- LinkedIn URL, Twitter / X URL, Facebook URL, Instagram URL, YouTube URL
Google Merchant / Shopping
| Настройка | Примечания |
|---|---|
| Default ship-from country (ISO code) | Двухбуквенный (US, GB, DE и т. д.) |
| Default shipping rate (numeric) | Используйте 0 для бесплатной доставки |
| Handling time — min / max (days) | 0–14 дней |
| Transit time — min / max (days) | 0–30 дней |
| Return window (days) | 0–180 дней |
| Return method | По почте / В магазине / Оставить товар |
| Return shipping fees | Бесплатная обратная доставка / Покупатель платит |
Бизнес-информация
Эти значения подпитывают сайт-широкий Organization JSON-LD (данные Knowledge Panel).
| Настройка | Формат | Пример |
|---|---|---|
| Phone (E.164 preferred) | Международный формат с кодом страны | +1-216-555-0182 |
| Phone hours | Свободный текст | Mon-Fri 7am-6pm CST |
| Street address | — | 1500 W Industrial Pkwy |
| City / locality | — | Cleveland |
| State / region code | 2-буквенный код региона | OH |
| Postal / ZIP code | — | 44113 |
| Country (ISO code) | 2-буквенный код страны | US |
| Founding year | 4-значный год | 2014 |
Максимальное влияние на SEO за 5 минут
Заполнение этих полей наполняет Organization + LocalBusiness JSON-LD на каждой странице — данные, которые Google использует для построения вашего Knowledge Panel и листинга в Maps.
Где применяется каждая настройка
| Панель | Влияет на |
|---|---|
| Типографика | Каждую страницу — тело + заголовки |
| Цвета | Каждую страницу — фон, текст, акцент |
| Макет | Каждую страницу — max-width, padding, липкая шапка |
| B2B | B2B-элементы (янтарная полоса, RFQ, массовый заказ) + видимость цен |
| Локализация | Атрибут <html dir> на каждой странице |
| SEO и обмен в соцсетях | Теги <meta> + JSON-LD на каждой странице |
| Бизнес-информация | Organization + LocalBusiness JSON-LD на каждой странице |
Следующие шаги
- Руководства по настройке секций → — настройка каждого блока секции
- Руководство по режимам витрины → — подробно о Hybrid / B2B-only / B2C-only
- Руководство по настройке метаполей → — подложенные метаполя для B2B-улучшений страницы товара