Сніпет виводить кошик замовлень двох типіп (розширений і простий).
Сніпет можна викликати на сторінці декілька разів, але кошик виводиться тільки в місці першого виклика. Другий і наступні виклики ігноруються.
Приклад: Якщо кошик на сторінках каталогу товарів знаходиться в правій колонці шаблона, а на сторінці оформлення заказу виклик сніпета вставлений в контент сторінки, то на цій сторінці кошик буде виведений тільки в центральній колонці (в правій виклик сніпета можна не прибирати).
| Параметр | Опис і значення | Значення за замовчуванням | Примітка |
|---|---|---|---|
| &lang | мова | Мова системи керування | В данний час доступні мови: `russian`, `english`, `german`, `francais` |
| &style | стиль кошика | default (assets/snippets/shopkeeper/style/default/) |
&style=`0` - якщо не потрібен окремий стильовий файл для кошика |
| &cartType |
тип кошика full - розширений, small - простий, empty - тільки очистка кошика без виведення на сторінці |
full | |
| ¤cy | валюта | руб. | |
| &priceTV | ім'я TV-параметру, який використовується для ціни. | price | Якщо ваш TV для ціни має назву не "price", обов'язково вкажіть це ім'я в даному параметрі. |
| &orderFormPage | ID сторінки з формою замовлення | 1 | обов'язковий параметр |
| &noJQuery=`1` | якщо на сайті вже використовується бібліотека JQuery | 0 | |
| &noConflict=`1` | если на сайті використовується інша JS-бібліотека (не JQuery), наприклад Mootools, Prototype. | 0 | |
| &noCounter | приховувати (значення `1`) або ні (значення `0`) лічильник товарів при додаванні в кошик | 0 | |
| &linkAllow=`0` | Виводить назви товарів в кошику без посилань. | 1 | Якщо цей параметр вказаний (=`0`) на сторінці оформлення заказу, лист з складом замовлення і список товарів в модулі будуть без посилань. |
| &stuffCont | CSS-селектор елемента, всередині якого знаходиться інформація про товар. | div.shk-item | Приклад чанка: chunk_shopStuff.tpl |
| &debug=`1` | запустити отладку JavaScript-функцій (виведення інформації) | 0 | |
| &tplPath | шлях до папки з чанками | `assets/snippets/shopkeeper/chunks/ru/` | |
| &cartTpl | чанк з шаблоном кошика | @FILE:chunk_shopCart.tpl | Чанк вміщає одразу 3 шаблони - для порожнього, заповненого розширеного і простого кошика. якщо чанки зберігаються в файлах, можно дізнатись шлях з командою "@FILE:". Якщо чанки створенні в системі управління, то вказується тільки ім'я чанка (наприклад &cartTpl=`shopCart`) |
| &cartRowTpl | чанк шаблону рядка з інформацією товару в розширеному кошику | @FILE:chunk_shopCartRow.tpl | |
| &cartHelperTpl | чанк шаблону "хелпера" - блок, який з'являється для підтвердження дій | - | |
| &additDataTpl | чанк для додаткових параметрів товарів в кошику () | - | |
| &orderDataTpl | чанк списку товарів в звіті про замовлення () | - | Використовується в листі з звітом про замовлення (eForm &report) і в модулі. |
| &flyToCart | дія при додаванні товару в кошик. helper - з'являється блок з лічильником кількості товарів і летить в кошик, image - в кошик летить картинка товару nofly - в кошик нічого не летить; |
`helper` | При &flyToCart=`image` тег <img> повинен мати CSS-клас "shk-image" |
| &noLoader=`1` | не показувати прелоадер (анімаційна картинка) | 0 | |
| &excepDigitGroup=`1` | розділяти числа цін в кошику на розряди | 1 | |
| &changePrice=`1` | при зміні параметрів з ціною - змінюється цвна товару, а індекс з плюсом не з'являється | 0 | |
| &counterField=`1` | додати до всіх полів <input name="shk-count"> (кількість товару) стрілки більше/менше | 0 | |
| &noJavaScript=`1` | Робота без JavaScript. | 0 | Зверніть увагу, що в чанку "shopCart" кнопка "Пересчитать" знаходиться всередині тега "noscript". Якщо використовується режим &noJavaScript=`1`, рекомендується тег "noscript" видалити. |
| &hideOn | Вимкнути кошик на сторінці | 0 | Зазвичай використовується в вивлику сніпета короткого виду кошику. Вказується ID сторніки з докладним видом кошика (оформление заказа). На этой странице краткий вид корзины будет отключен. |
Простий виклик:
[!Shopkeeper? &priceTV=`price` &orderFormPage=`10`!]
Розширений виклик:
[!Shopkeeper?
&cartType=`small`
&priceTV=`price`
&orderFormPage=`10`
&changePrice=`1`
&counterField=`1`
&flyToCart=`nofly`
!]
| Параметр сніпета | Опис | Плейсхолдери в шаблоні | Примітка |
|---|---|---|---|
| &cartTpl (&cartType=`full`) | шаблон розширеного кошика |
- рядок з інформацією про товар (cartRowTpl); - Загальна сума; - URL поточної сторінки; - URL для очистки кошика; - URL сторінки оформлення замовлення; - валюта; |
Приклад: chunk_shopCart.tpl
(містить 3 шаблони кошика) <!--tpl_separator--> - роздільник шаблонів (видаляти неможна) |
| &cartTpl (&cartType=`small`) | шаблон спрощеного кошика |
- загальна сума; - Число обраних товарів; - слово "товар" в множині залежно від числа выбранних товарів; - URL поточної сторінки; - URL для очистки кошика; - URL сторінки оформлення замовлення; - валюта |
|
| &cartRowTpl | шаблон рядка з інформацією про товар в розширеному кошику |
- ID товару (документа); - назва товару; - посилання на сторінку товару; - рядок з інформацією про додаткові параметри товару; - ціна; - ціна товару + додаткові параметри; - ціна товару * кількість; - валюта; - кількість; - URL поточної сторінки; - номер товару в кошику (від нуля); - будь-який TV-параметр, наприклад ; - будь-який додатковий параметр, обраний при додаванні товарк в кошик (із ), наприклад . |
Приклад: chunk_shopCartRow.tpl і chunk_shopCartRow2.tpl |
| &additDataTpl | шаблон для додаткових параметрів товарів в кошику () |
- ім'я і ціна параметру. Ціна вказується в дужках. Якщо ціна = 0, то пишеться тільки назва параметру (без дужок); - ім'я параметру; - ціна параметру; |
Приклад: chunk_additDataTpl.tpl |
| &orderDataTpl | шаблон списку товарів в звіті про замовлення () |
Все плейсхолдери чанку &cartRowTpl , - початок і кінець рядка даних товарів (цикл). |
Приклад: chunk_orderDataTpl.tpl |
| &report (eForm) | шаблон тексту листа з складу замовлення |
- склад замовлення (список покупок); - номер замовлення; |
Приклад: chunk_shopOrderReport.tpl і chunk_shopOrderReportWebUser.tpl |
| Сторінка, на якій викликається сніпет Shopkeeper |
- кількість товару в кошику; - загальна ціна товару в кошику; |
Для повноцінної работи Shopkeeper необхідні наступні css-класи, id і імена полів:
| Шаблон | CSS-класи | id HTML-елементів | Імена полів s кнопок | Примітка |
|---|---|---|---|---|
| Шаблон виведення інформації товару |
shk-item - клас "обертаючого" елементу блока з інформацією про товар; shk-image - картинка товару (якщо використовується &flyToCart=`image`); shk-price -клас элементу з ціною товару. |
— |
shk-id - ім'я прихованого поля з id товару; shk-count - ім'я прихованого поля з кількістю товару. |
Приклад chunk_shopStuff.tpl |
| Шаблон кошика | — |
shopCart - id "огортаючого" елемента блоку кошика; butEmptyCart - id кнопки-силки очистки кошика; butOrder - id посилання на сторінку оформлення товару. |
shk_recount - кнопка "Перерахувати". |
Приклад chunk_shopCart.tpl |
| Шаблон рядка інформації про товар в кошику |
shk-del - кнопка-посилання видалення товару. |
— |
count[] - ім'я полей з кількістью товару. |
Приклад chunk_shopCartRow.tpl |
| Шаблон форми замовлення | — | — |
email - поле "E-mail"; phone - поле "Телефон" |
Приклад chunk_shopOrderForm.tpl і chunk_shopOrderFormWebUser.tpl |
CSS-класи (і id) використовуються в JS-функціях Shopkeeper'а.
Для цього потрібно створити дві або більше форми (form) і в полі name="shk-id" після ID написати ім'я TV з ціною.
Приклад:
<input type="hidden" name="shk-id" value="__price2">
При submit форми в корзині додасться ціна з TV-параметру з іменем "price2".
Приклад:
<input type="text" name="test__3075__add" value="додаткові дані" />
В кошик додасться параметр, який можна виводити в месці вставки плейсхолдера (виведетсья "додаткові дані").
().&cartTpl - ).В папці shopkeeper/docs/ є приклади плагінів.
Просто створіть функції з такими іменами і вони будуть викликатися при відповідних діях.
в візуальний редактор.()