Click to order
Total: 
Your Name
Your Email
Your Phone
Payment method
SHOP
SALES
SUMMER
ABOUT
CART
0
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.
3800
₽
BUY NOW
Sac Marin Yellow
Marinetmarine store backpack. The Sac Marin can be worn as a backpack or as a bag over.
4500
₽
BUY NOW
Как сделать
Слайдер из Zero блоков
Шапка с корзиной
Слайдер из Zero блоков
1. Создаем 3 Zero блока. Делаем одинаковые размеры, мобилку.
2. Добавляем блок CR30N. Удаляем всю информацию и добавляем то количество слайдов, которое мы сделали в Zero.
3. Вставляем код, который под описанием. Там все подписано, что куда вставлять.
4. Делаем дубль первого блока и последнего.
5. Все ID блока мы добавляем согласно описанию.

Если хотите добавит еще 1 блок в слайдер, то просто добавляете еще , "#rec314222546"
После этого в блоке CR30N добавляем еще 1 пустую вкладку.

Все настройки, которые вы делаете в блоке CR30N будут и в наших Zero. Цвет стрелок, точек и тд.
<style>.t734 { height: auto !important; }</style>
<script>
$(document).ready(function(){
 var sliderID = '#rec314228285 .t-slds__item'; //Задаём ID нашего Слайдера CR30N
 var slidercount = $(sliderID).length;
 //Записываем ID наших ZeroBlockov       
      var zeroSlideFull = [  "#rec314227373" ,  "#rec314220008" ,   "#rec314222546" ];                
   $(sliderID).empty(); var i = 0;     while (i < slidercount-2) {
    $(zeroSlideFull[i]).appendTo(sliderID+":eq("+(i+1)+")");i++;   };
//Дублируем блоки в нулевой и конечный слайд
  $('#rec314209750').appendTo(sliderID+":eq("+(slidercount-1)+")");//копия первого
  $('#rec314227397').appendTo(sliderID+":eq(0)");//копия последнего
});    
</script>
Корзина в 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 шаблона
Made on
Tilda