%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/cwg/wp-content/themes/cwg/template-parts/popups/
Upload File :
Create Path :
Current File : //var/www/cwg/wp-content/themes/cwg/template-parts/popups/bag-modal.php

<div class="js-bagModal">
    <div class="js-bagModalBg fixed bg-black bg-opacity-20 inset-0 z-50 hidden"></div>
    <div class="js-bagModalFrame bg-white transition-all duration-500 ease-in-out fixed w-[300px] lg:w-[480px] inset-y-0 z-50 -right-full">
        <div class="px-5 pt-[23px] pb-10">
            <div class="flex w-full justify-between pb-[18px] border-b border-grey-textLight">
                <p class="text-[13px] leading-6 uppercase">Added to your collection</p>
                <div class="js-bagModalClose cursor-pointer">
                    <?php include(locate_template('/assets/img/icon-black-navigation-close.svg')); ?>
                </div>
            </div>
            <div class="js-bagModalLoader heightList relative hidden">
                <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex items-center w-10 h-10">
                    <?php include(locate_template('/assets/img/loader.svg')); ?>
                </div>
            </div>
            <div class="js-bagModalBasket heightList overflow-x-auto">
                <!-- overflow x if more than 5 items -->
                <?= getBagModalBasket(); ?>
            </div>
            <div>
                <div class="flex text-[13px] leading-6 uppercase w-full justify-between border-t border-grey-textLight pt-[30px] pb-[20px]">
                    <p class="js-bagModalSubTotalItems">Subtotal (<?= WC()->cart->cart_contents_count." ".( ( WC()->cart->cart_contents_count <= 1 ) ? __('item') : __('items') ); ?>)</p>
                    <p class="js-bagModalSubTotal"><?= WC()->cart->get_cart_total() ?></p>
                </div>
                <a href="<?= get_permalink(198850); ?>" class="w-full h-[40px] flex items-center justify-center bg-grey-medium text-[12px] font-light text-white mb-[20px]">SEE YOUR BAG</a>
                <div class="js-bagModalKeepShopping cursor-pointer text-[12px] w-[100px] font-light border-b border-grey-primary m-auto">Continue shopping</div>
            </div>
        </div>
    </div>

</div>

Zerion Mini Shell 1.0