tk-ligat.ru/skin/inc/mod/order/index.html

<!-- ::::::  Start Hero Section  ::::::  -->
{include file=$header title="Оформление заказа"}

<!-- ::::::  Start  Breadcrumb Section  ::::::  -->
<div class="page-breadcrumb" style="background-image: url('img/order2.jpg'); background-position: -10%; background-size: 100% auto;">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <ul class="page-breadcrumb__menu">
                    <li class="page-breadcrumb__nav"><a href="/" style="color:#fff;">Главная</a></li>
                    <li class="page-breadcrumb__nav active" style="color:#fff;">Оформление заказа</li>
                </ul>
            </div>
        </div>
    </div>
</div>


<!-- :::::: Start Mai n Container Wrapper :::::: -->
<main id="main-container" class="main-container">
    <div class="container">
        <div class="row">
            <!-- Start Rightside - Content -->
            <!--div class="img-responsive">
                <img src="assets/img/banner/size-wide/banner-shop-1-img-1-wide.jpg" alt="">
            </div -->
            <!-- ::::::  Start Sort Box Section  ::::::  -->
            <h1 class="text-center">Оформление заказа</h1>
            {if $cart[0].id}
            <!-- категрии -->
            <div class="product-tab-area">
                <div class="tab-content tab-animate-zoom">
                    <div class="tab-pane show active shop-grid" id="sort-grid">
                        <div class="row">
                            {section name=customer loop=$cart}{if $cart[customer].id}


                            <div class="card mb-3" style="width: 100%;" id="card-{$cart[customer].id}">
                                <div class="row g-0">
                                    <div class="col-md-4">
                                        <a href="/tovar_show/{$cart[customer].pages_id}" target="_blank"><img src="img/nofoto.jpg" class="img-fluid rounded-start lazy" alt="..." data-original="/img/tovar/{$cart[customer].fileName}.jpg"></a>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card-body">
                                            <h5 class="card-title">{$cart[customer].txt}</h5>
                                            <form class="quantity-scale m-l-20" style="display: block; margin-top: 40px;">
                                                <div class="value-button div-change" data-t="min" data-id="{$cart[customer].id}">-</div>
                                                <input type="number" id="number-{$cart[customer].id}" style="text-align: center; border:1px solid lightgray; border-radius: 5px;" class="kolvo_in_cart ml-2 mr-2" value="{$cart[customer].kolvo}" />
                                                <div class="value-button div-change" data-t="plus" data-id="{$cart[customer].id}">+</div>
                                            </form>
                                            <!--p class="card-text">Это более широкая карта с вспомогательным текстом ниже в качестве естественного перехода к дополнительному контенту. Этот контент немного длиннее.</p -->
                                            <p class="card-text" style="display: block; margin-top: 40px;"><span class="product__price product__price--large">{$cart[customer].cena} руб.</span></p>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <button class="btn mt-5 btn--small btn--radius btn--green btn--green-hover-black btn--uppercase font--bold button-del" type="button" data-id="{$cart[customer].id}">Удалить</button>
                                    </div>
                                </div>
                            </div>

                            {/if}{/section}
                        </div>
                    </div>
                </div>
            </div>
            <!-- /категрии -->

            <section class="container mt-3" style="border-top: 3px solid black;">
                <h3>Итого: <span id="span-itog"></span> руб.</h3>
                <button class="btn mt-5 btn--small btn--radius btn--green btn--green-hover-black btn--uppercase font--bold" style="width: 300px;" type="button">Оформить</button>
            </section>



            {/if}
            <!-- div class="page-pagination">
                <ul class="page-pagination__list">
                    <li class="page-pagination__item"><a class="page-pagination__link" href="#">Prev</a>
                        <li class="page-pagination__item"><a class="page-pagination__link active" href="#">1</a></li>
                        <li class="page-pagination__item"><a class="page-pagination__link" href="#">2</a></li>
                        <li class="page-pagination__item"><a class="page-pagination__link" href="#">Next</a></li>
                </ul>
            </div -->

            <!-- Start Rightside - Content -->
        </div>
    </div>
</main>
<!-- :::::: End MainContainer Wrapper :::::: -->





{include file=$footer}