Оформление заказа (eshop.checkout)
Компонент предназначен для вывода формы оформления заказа, с возможностью заполнить информацию о покупателе, выбрать способ доставки и способ оплаты.
| Название | Параметр | Описание |
|---|---|---|
| Шаблон компонента | template | |
| Заказ без регистрации | guest | 1/0 |
| Адрес доставки | address | 1/0 |
| Способ доставки | delivery | 1/0 |
| Счет на оплату | payment | 1/0 |
| Модерация заказа | approve | 1/0 |
| E-Mail уведомления | notice_email | |
| Сообщение после оформления заказа | message | |
| Путь к странице «Корзина» | cart_href | |
| Последовательность оформления | order_type | |
| Данные покупателя | buyer_fields | |
| Данные для доставки | delivery_fields[] | |
| Формат даты | date_format | |
| Geo IP | geoip | 1/0 |
| Автоматическое заполнение | autocomplete | 1/0 |
{form id="jsmart-eshop-checkout" method="post"}
<div class="form">
<div class="order">
<div class="order-main">
<div class="row">
<div class="col-md-5">
<div class="form-group">
<label class="form-label">Ф.И.О.:</label>
<input type="text" name="buyer_name" value="{buyer_name}" class="form-control">
</div>
<div class="form-group">
<label class="form-label">E-mail:</label>
<input type="email" name="buyer_email" value="{buyer_email}" class="form-control">
</div>
<div class="form-group">
<label class="form-label">Телефон:</label>
<input type="text" name="buyer_phone" value="{buyer_phone}" class="form-control input-phone">
</div>
{fields_elements}
<div class="form-group">
<label class="form-label">{fields_elements:title}:</label>
<input type="text" name="{fields_elements:name}" value="{fields_elements:value}" class="form-control">
</div>
{/fields_elements}
<div class="form-group">
<label class="form-label">Комментарий:</label>
<textarea name="comment" class="form-control" rows="3">{comment}</textarea>
</div>
</div>
<div class="col-md-6 col-md-offset-1">
<div class="order-right">
<div class="form-group">
<label class="form-heading">Способ доставки</label>
<div class="select-panel">
<div class="select-panel-row row">
{delivery_elements}
<div class="select-panel-col col-xs-6 col-sm-4">
<div class="select-panel-item">
<label>
<input type="radio" name="delivery" value="{delivery_elements:id}" {delivery_elements:checked}>
<span class="select-panel-body">
<span class="select-panel-center">
[if=delivery_elements:image_src]
<span class="select-panel-icon">
<img class="select-panel-image" src="{delivery_elements:image_src}" alt="">
</span>
[/delivery_elements:image_src]
<span class="select-panel-title">{delivery_elements:title}</span>
[if=delivery_elements:price]
<span class="select-panel-price">{delivery_elements:price}</span>
[/delivery_elements:price]
</span>
</span>
</label>
<div data-delivery-description="{delivery_elements:id}" style="display: none;">
{delivery_elements:description}
</div>
</div>
</div>
{/delivery_elements}
</div>
</div>
<div class="order-delivery-info eshop-delivery-info">
[if=delivery_info]{delivery_info}<br>[/delivery_info]
[if=delivery_days]Срок доставки: {delivery_days} [if=delivery_days_max]- {delivery_days_max}[/delivery_days_max] дней<br>[/delivery_days]
[if=delivery_date]Дата доставки: {delivery_date} [if=delivery_date_max]- {delivery_date_max}[/delivery_date_max]<br>[/delivery_date]
[if=delivery_message]<strong>{delivery_message}</strong>[/delivery_message]
<div id="delivery-description"></div>
</div>
</div>
<div class="space hidden-xs"></div>
<div class="form-group">
<label class="form-heading">Способ оплаты</label>
<div class="select-panel">
<div class="select-panel-row row">
{payment_elements}
<div class="select-panel-col col-xs-6 col-sm-4">
<div class="select-panel-item" data-target="#payment-{payment_elements:id}">
<label>
<input type="radio" name="payment" value="{payment_elements:id}" {payment_elements:checked}>
<span class="select-panel-body">
<span class="select-panel-center">
[if=payment_elements:image_src]
<span class="select-panel-icon">
<img class="select-panel-image" src="{payment_elements:image_src}" alt="">
</span>
[/payment_elements:image_src]
<span class="select-panel-title">{payment_elements:title}</span>
</span>
</span>
</label>
<div data-payment-description="{payment_elements:id}" style="display: none;">
{payment_elements:description}
</div>
</div>
</div>
{/payment_elements}
</div>
</div>
<div class="order-pay-info">
<div id="payment-description"></div>
</div>
</div>
[captcha]
<div class="space hidden-xs"></div>
<div class="form-group">
{captcha}
</div>
[/captcha]
</div>
</div>
</div>
<div class="order-total">
<ul class="order-total-list">
<li class="order-total-item">
<span class="order-total-label"><b>Сумма</b></span>
<span class="order-total-price">{amount} руб</span>
</li>
[if=discount]
<li class="order-total-item">
<span class="order-total-label">Скидка</span>
<span class="order-total-price">{discount} руб</span>
</li>
[/discount]
<li class="order-total-item">
<span class="order-total-label">Доставка</span>
<span class="order-total-price">{delivery_price} руб</span>
</li>
<li class="order-total-divider"></li>
<li class="order-total-item">
<span class="order-total-label"><b>Итого</b></span>
<span class="order-total-price order-total-all"><b>{total} руб</b></span>
</li>
</ul>
</div>
</div>
<div class="order-footer clearfix">
<div class="order-agrement">
<div class="form-checkbox-agrement">
Нажимая кнопку «Оформить заказ», вы подтверждаете свое согласие с
<a href="/service/agreement">соглашением об использовании персональных данных</a>.
</div>
</div>
<button name="checkout" value="checkout" class="btn btn-primary order-btn form-btn">Оформить заказ</button>
</div>
</div>
</div>
{/form}