Перейти к основному содержимому

Справочник настроек темы Vertex

Каждая опция в Theme Settings редактора темы Shopify, с объяснениями. Чтобы получить доступ: откройте редактор темы и нажмите иконку шестерёнки (слева внизу) с подписью Theme settings.

Настройки Vertex сгруппированы в 7 панелей:

  1. Типографика
  2. Цвета
  3. Макет
  4. B2B
  5. Локализация
  6. SEO и обмен в соцсетях
  7. Бизнес-информация

Типографика​

НастройкаЧто делаетПо умолчанию
Heading fontШрифт для <h1>–<h6> на каждой странице, плюс заголовки маркетинговых секций.Poppins Bold
Body fontШрифт для основного текста, навигации, кнопок, полей форм и цен.Poppins Regular
Лучшая практика

Vertex предзагружает оба шрифта, поэтому они готовы до первой отрисовки. Используйте один шрифт для обоих (с разной насыщенностью), если хотите максимально быстрый LCP.


Цвета​

Стартовая цветовая палитра​

Один раскрывающийся список, который перекрашивает всю витрину в один клик.

ОпцияОтрасльАкцентный цвет
Custom (по умолчанию)Промышленность / MRO — или любой брендКобальтово-синий из коробки; отредактируйте выборщики цветов ниже
Signal redАвтозапчасти#ec5f24
Office blueОфис и IT-снабжение#3b82f6
Inkline tealПечать и репрография#0d9488

Кастомная палитра (используется только когда стартовая палитра = Custom)​

НастройкаНазначениеПо умолчанию (Custom — кобальтово-синий)
BackgroundФон тела, фон выдвижной панели#ffffff
SurfaceФон карточки, фон панели настроек#f5f5f4
Surface alternateДеликатная вторичная поверхность#fafaf9
TextОсновной цвет текста#0c0a09
Muted textНадстрочные тексты, метки, подписи#57534e
BordersГраницы карточек, разделители#e7e5e4
AccentОсновной цвет бренда (CTA, значки)#1d4ed8 (кобальтово-синий)
Accent darkСостояние при наведении/активации на акцентных CTA#1a44bd
Accent softМягкий оттенок для акцентных фонов#e7eefd
Text on accentЦвет текста и иконок, размещённых на залитых акцентом кнопках и значках. Сохраняйте высокий контраст относительно Accent dark (по умолчанию белый)#ffffff
SuccessЗначки успеха (В наличии, NET-30 одобрено)#15803d

Макет​

НастройкаОпцииПо умолчанию
Page widthNarrow (75rem) / Standard (90rem) / Wide (110rem)Narrow
Page side padding16–60 px (слайдер)28 px

Поведение шапки​

НастройкаЧто делаетПо умолчанию
Sticky header on scrollЗакрепляет основную шапку в области просмотра.Вкл

Поведение корзины​

НастройкаЧто делаетПо умолчанию
Cart layoutSlide-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 directionAuto (управляется локалью) / Left to right / Right to leftAuto
Авто-RTL

Vertex автоматически переключает <html dir> для арабского, иврита, фарси, урду, идиш, курдского, дхивехи и пушту. Установите Left to right / Right to left только если нужно принудительно.


SEO и обмен в соцсетях​

Брендовые ресурсы​

НастройкаРекомендуемый размер
Favicon32×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 code2-буквенный код регионаOH
Postal / ZIP code—44113
Country (ISO code)2-буквенный код страныUS
Founding year4-значный год2014
Максимальное влияние на SEO за 5 минут

Заполнение этих полей наполняет Organization + LocalBusiness JSON-LD на каждой странице — данные, которые Google использует для построения вашего Knowledge Panel и листинга в Maps.


Где применяется каждая настройка​

ПанельВлияет на
ТипографикаКаждую страницу — тело + заголовки
ЦветаКаждую страницу — фон, текст, акцент
МакетКаждую страницу — max-width, padding, липкая шапка
B2BB2B-элементы (кобальтово-синяя полоса, RFQ, массовый заказ) + видимость цен
ЛокализацияАтрибут <html dir> на каждой странице
SEO и обмен в соцсетяхТеги <meta> + JSON-LD на каждой странице
Бизнес-информацияOrganization + LocalBusiness JSON-LD на каждой странице

Следующие шаги​