Skip to content
msFastOrder
msFastOrder
Быстрый заказ в один клик через модальное окно для MODX 3 и MiniShop3
  1. Компоненты
  2. msFastOrder
  3. Интеграция на сайте
  4. Сниппет msFastOrderClientConfig

Сниппет msFastOrderClientConfig

Возвращает только HTML:

html
<script>window.msfoConfig = { ... };</script>

Без кнопки, без подключения CSS/JS.

Когда использовать

  • На странице своя кнопка с data-msfo-trigger и data-msfo-product-id, а стили/скрипты подключены один раз в шаблоне.
  • Несколько кнопок на странице — один конфиг, несколько триггеров.
  • Конфиг нужен до msfo.min.js (порядок задаёт плагин msfastorder_web при полном вызове msFastOrder).

Использование

fenom
{'!msFastOrderClientConfig' | snippet}
modx
[[!msFastOrderClientConfig]]

Обычно в шаблоне (layout / head) — конфиг и assets один раз:

fenom
{'!msFastOrderClientConfig' | snippet}
<link rel="stylesheet" href="{'assets_url' | option}components/msfastorder/css/msfo.min.css">
<script src="{'assets_url' | option}components/msfastorder/js/msfo.min.js"></script>
modx
[[!msFastOrderClientConfig]]
<link rel="stylesheet" href="[[++assets_url]]components/msfastorder/css/msfo.min.css">
<script src="[[++assets_url]]components/msfastorder/js/msfo.min.js"></script>

На карточках товаров — только кнопка (без повторного подключения CSS/JS):

fenom
<button type="button" class="msfo-trigger" data-msfo-trigger data-msfo-product-id="{$_modx->resource.id}">
  {$_modx->lexicon('msfastorder_button_text')}
</button>
modx
<button type="button" class="msfo-trigger" data-msfo-trigger data-msfo-product-id="[[*id]]">
  [[%msfastorder_button_text]]
</button>

Содержимое msfoConfig

Генерируется классом MsFastOrder\ClientConfig. Основные поля:

ПолеИсточник
connectorUrlmsfastorder_connector_url
csrfTokenсессия
modalLibrarymsfastorder_modal_library
phoneMaskmsfastorder_phone_mask
successRedirectmsfastorder_success_redirect
requiredFieldsmsfastorder_required_fields
lexiconлексикон msfastorder:*

Полное описание: Подключение на сайте → msfoConfig.

См. также