Инструменты пользователя

Инструменты сайта


корзина

Корзина товаров

Давайте с вами разберемся что является корзиной товаров в Shopkeeper 3 На самом деле сам сниппет [[!Shopkeeper]] это и есть корзина. На каждой странице можно выводить разный [[!Shopkeeper]] и задавать свой вешний вид через наборы параметров. При разработке интернет магазина на данном модуле мы будем использовать корзину два раза.

Первая корзина у нас будет на всех страницах и будет располагаться в правом верхнем углу. через параметры мы сделаем так, что бы она отображала только число товаров и при клике на неё нас переводит на страницу оформление заказа где у нас будет вторая корзина

Вторая корзина и в ней будут отображаться список с товарами которые упали в корзину, общая стоимость заказа, а так же сниппет [[Formit]] который будет выводить необходимые < input > поля, которые будет должен заполнить покупатель и эти данные будут отправлены на почту владельца интернет магазина.

Список чанков которые относятся к корзине

Чанк: Описание: Параметр: Пример вызова:
[[$shopCart]] Чанк корзины товаров cartTpl &cartTpl=`shopCart`
[[$shopCartRow]] Чанк строки товара в корзине. cartRowTpl &cartRowTpl=`shopCartRow`
[[$shopOrderForm]] Чанк формы заказа не имеет [[$shopOrderForm]]
[[$shopOrderReport]] Чанк письма заказа не имеет не имеет

Создайте чанк smalCart, скопируйте код ниже и вставьте его в smalCart.

Чанк первой корзины - [[$smalCart]]

Внимание! Обязательное наличие комментария <!–tpl_separator–> если вы например напишите <!–Разделитель–> корзина работать не будет ! Если у вас будет отсутствовать класс shop-cart или атрибут data-shopcart=«1» корзина работать не будет ! Если вы хотите задать свой дизайн корзины не надо удалять стандартные классы shopkeeper 3 просто допишите через пробеле свой класс, например class=«shop-cart myClass»

HTML: код чанка smalCart

<div data-shopcart="1" class="shop-cart" >
   <img src="/img/basked.png">
   <span>Корзина (0)</span>
</div>
<!--tpl_separator-->
<div data-shopcart="1" class="shop-cart" >
   <img src="/img/basked-full.png" />
   <a href="[[+order_page_url]]">
   Корзина ([[+items_total]])
   </a>
</div>

Обратите внимание на то, что маленькой корзины [[$smalCart]] у нас по умолчанию нет, стандартная корзина у нас в чанке [[$shopCart]] и мы её будем выводить на странице оформление заказа вместе с [[!Formit]].

Чанк второй корзины - [[$shopCart]]

HTML: код чанка shopCart

<div class="shop-cart" data-shopcart="2">
    <div class="shop-cart-head"><b>Корзина</b></div>
    <div class="empty">
        <div class="shop-cart-empty">Пусто</div>
    </div>
</div>
<!--tpl_separator-->
<div class="shop-cart" data-shopcart="2">
    <div class="shop-cart-head"><a name="shopCart"></a><b>Корзина</b></div>
    <div class="full">
        <form action="[[+this_page_url]]#shopCart" method="post">
        <fieldset>
            <div  style="text-align:right;">
                <a href="[[+empty_url]]" id="shk_butEmptyCart">Очистить корзину</a>
            </div>
            <table width="100%">
                <colgroup>
                    <col width="40%" />
                    <col width="25%" />
                    <col width="25%" />
                    <col width="10%" />
                </colgroup>
                <tbody>
                    [[+inner]]
                </tbody>
            </table>
            <div  style="text-align:right;">
                Доставка: [[+delivery_name]] ([[+delivery_price]] [[+currency]])
            </div>
            <div  style="text-align:right;">
                Общая сумма: <b>[[+price_total]]</b> [[+currency]]
            </div>
            <noscript>
                <div><input type="submit" name="shk_recount" value="Пересчитать" /></div>
            </noscript>
            <div class="cart-order">
                <a href="[[+order_page_url]]" id="shk_butOrder">Оформить заказ</a>
            </div>
        </fieldset>
        </form>
    </div>
</div>

Вывод таких данных как "Общая сумма заказа" или "Число товаров" - "Стоимость доставки" выводятся через плейсхолдеры

корзина.txt · Последние изменения: 2018/11/04 21:05 — roman