Copy of Слайдер из zero блоков

СЕРГЕЙ ГАЛАН

PM/UX/UI

ИЗБРАННОЕ:

ДЕЙСТВИЯ:

КОНТАКТЫ / ~~КОЛЛАБ~~

ИЛИ КРАТКО РАССКАЖИТЕ О ПРОЕКТЕ

ВХОД / РЕГИСТРАЦИЯ

ЗАПОЛНИТЕ БРИФ

Click to order

SHOP

SALES

SUMMER

ABOUT

CART

STYLISH HOODIES

Good design is obvious. Great design is transparent.

GO TO SHOP

STYLISH HOODIES

Good design is obvious. Great design is transparent.

GO TO SHOP

FASHION PICTURES

Design creates culture. Culture shapes values. Values determine the future.

GO TO SHOP

FASHIONABLE WOMAN

Curiosity about life in all its aspects, I think, is still the secret.

GO TO SHOP

FASHIONABLE WOMAN

Curiosity about life in all its aspects, I think, is still the secret.

GO TO SHOP

NEW COLLECTION

Dining Chair by esteban+moreno

With a new design approach for flexible use: from a dinner for two to a big celebration.

6500

р.

BUY NOW

Underwater wearable watches

An accessory for any occasion, from a nice dinner to an underwater swim.

Marinetmarine store backpack. The Sac Marin can be worn as a backpack or as a bag over.

4500

р.

BUY NOW

Как сделать

Слайдер из 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>