Click to order
Total: 
Your Name
Your Email
Your Phone
SHOP
SALES
SUMMER
ABOUT
CART
0
STYLISH HOODIES
Good design is obvious. Great design is transparent.
STYLISH HOODIES
Good design is obvious. Great design is transparent.
FASHION PICTURES
Design creates culture. Culture shapes values. Values determine the future.
FASHIONABLE WOMAN
Curiosity about life in all its aspects, I think, is still the secret.
FASHIONABLE WOMAN
Curiosity about life in all its aspects, I think, is still the secret.
NEW COLLECTION
Как сделать
Слайдер из Zero блоков
Шапка с корзиной
Слайдер из Zero блоков
Корзина в Zero шапке
1. Добавляем изображение, которое при нажатии будет открывать корзину и текст "0", который будет показывать количество товара в ней.
2. Нажимаем правой кнопкой мыши на изображение и присваиваем класс для элемента cartcopy_elem
3. Нажимаем правой кнопкой мыши на "0" и присваиваем класс для элемента cartcopy_elem
4. Создали корзину ST100 и настроили все поля для ввода
5. Добавили код на страницу
<style>
.blkElem{pointer-events:none; }
.cartcopyanim {
-webkit-animation: t706__pulse-anim 0.6s;
animation: t706__pulse-anim 0.6s;}
.cartcopy_elem .tn-atom , .cartprice_elem .tn-atom {display:none}
.cartcopy{cursor:pointer}
.t706__carticon {display: none !important;} 
</style>
<script>
$( document ).ready(function() {
   let hideMode = false; //Скрыть-Показать пустую корзину - true-false
   $('.cartcopy_elem .tn-atom').addClass('cartcopy');
   $('.cartprice_elem .tn-atom').addClass('cartcopyprice');
   function chkNum(){
   if(!hideMode) $('.cartcopy, .cartcopyprice').show();   
   let chCounter = window.tcart.total;
   let chPrice = window.tcart.prodamount;
   if  (chPrice==0){
        $('div[data-elem-type="text"] .cartcopyprice').html(''); 
        if(hideMode) {$('.cartcopy, .cartcopyprice').hide()
        }else{$('.cartcopy, .cartcopyprice').show()};
   }else{ 
       $('div[data-elem-type="text"] .cartcopyprice').html(chPrice+' руб'); 
          if(hideMode) $('.cartcopy, .cartcopyprice').show();
   };
   $('div[data-elem-type="text"] .cartcopy').html(chCounter);
   if(chCounter==0){ $('.cartcopy').addClass('blkElem');
   }else{ $('.cartcopy').removeClass('blkElem'); }; 
   if(chCounter==''){$('div[data-elem-type="text"] .cartcopy').html(0);}; };
       setTimeout(function(){chkNum();}, 50);
   $(".t706").on('DOMSubtreeModified', ".t706__carticon-counter", function() {
       setTimeout(function(){chkNum();}, 30);
   $('div[data-elem-type="image"] .cartcopy').addClass('cartcopyanim');    
   setTimeout(function(){ $('.cartcopy').removeClass('cartcopyanim');}, 1000);});
   $('.cartcopy').click(function(e){e.preventDefault();tcart__openCart();});
});	
</script>
ID шаблона
19465153
Как добавить шаблон
Создаем новую страницу на сайте
Скроллим в самый низ
Добавляем нужный id шаблона