Оформление заказа (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}