Vizen Shop

Platform widgets

/docs/skill/vizen-widgetscurrentМашинный перевод с английского

быстрый path: live data, работа sticky header, рабочих выпадающих, фильтров и paging. Пропсы настраивают standard look; layout CSS Можно переделать через Заявленные крючки разметки (§ 3)).

1. где правда о props жизнь

GET /docs/widgets

Созданный из реального widget парсеры, так что cannot - Дрифт с платформы. каждый kind: label, является ли оно chrome или page block, писать path, а JSON Схема его props с неисправностями, и разрешенные values В каждой из них.

Прочти schema из kind Ты скоро изменишься. Не пиши реквизит от Память: An unknown value принимается и является default нарисован.

2.Письмо path Где агенты ошибаются

Для этого вложены проп. widget: props.listing.…, props.card.…, props.form.…. В справочных государствах writePath для каждого kind — Используйте его. Пишу на корень props принимается и ничего не делает.

sections это заменить-set: читать block, Измените один элемент, отправьте Весь список назад. Отправляя один section Удалить остальные.

3. The wrapper Он также настраивается - и это то, как вы сжигаете widget

Каждый block Сидит в a standard wrapper, И топоры его написаны в корне payload.props (рядом с widget's own гнездо, такое как props.component) — Не следующий то kind И не внутри себя widget's own path. Спроси у него. current Вместо того, чтобы доверять любой копии, она назвала props.innerMax Ничто из прочитанного не выжило в течение нескольких недель.:

curl -s https://api.vizen.shop/docs/widgets | jq -r '
  .wrapper.axes[] | [.path, .type, (.default // "-"), .anchor.at] | @tsv'

Каждый row несёт file:line В магазине, который sets тот default, и .wrapper.elements Делает то же самое для двух wrapper сами себя.

Когда props Убегать, думать о стиле wrapper Сохранение встроенного поведения. props.wrapperClass: "my-hero" Положите ваши own class В группе — включая группа siteHeader, siteMenu и siteFooter — И вы отождествляете его с вашим own CSS (.my-hero > .vz-inner { … }). Ты keep работа widget, его live data и его props, Менять только то, look. Положите CSS в layout папка или level-3 document; level-1 Местные стили cannot Пересекая теневой рубеж. Предпочитаю свой own class то limit side эффекты; поддерживаемые селекторы перечислены в /docs/vz-keys.json → markup_contract. Проверить DOM для преднамеренных переопределений.: GET /docs/own-markup §5, мастерство vizen-own-markup.

Переопределение устройств live под props.tablet и props.mobile, одинаковые ключи.

4.Известно limits — Скажи им вслух before многообещающий look

  • container.fill на productListing Он принят и ничего не делает. ограничение пропаганды; использование layout CSS и поддерживаемые крючки для преднамеренного стилизации;
  • тот listing template это default И нет других,;
  • siteMenu.level2 Создайте настоящий выпад из своего category tree — открывается нажать, Не в хлам, как бы там ни было field description говорит;
  • некоторые style props зажимаются: вес шрифта 800 рендеров как 600, а label size 13 из них 15.

Быстро! view от listing. props.listing.cardClick: "modal" Открывается product В окне вместо навигации, showQuickViewButton: true Добавить a button Всякое окно, всякое окно set через modalSize (small|medium|full), modalTpl, modalNav и булевы modalHead/modalFoot — Последние два не иметь default, так /docs/widgets Не перечисляет их. Рецепт и тот же Окно из вашего own разметка: /docs/widgets-area §5 и /docs/webcoding §14.3.

Изменения за пределами props, выбирать layout CSS или vizen-own-markup В зависимости от Желаемая разметка и поведение. product rows может использовать live products[] на каталог section page (до 48 items); Другие контексты и рукописные values У них разные data limits. Читать /docs/own-markup §2 before выбор. Скажи owner который limits повлиять на запрашиваемый design before осуществление.

5. Валидность before писать

POST /docs/validate с помощью sections Вы собираетесь отправить. path Если бы value будет applied, молча ignored, или не понятый — который является именно class Эта область производит больше всего ошибок. написанный.

6.Проверить

Перечитывайте block и открыть page. 200 - это не доказательство.: vizen-troubleshoot.

Исходник: https://api.vizen.shop/docs/skill/vizen-widgets?full=1

Работает в демо-режиме