More products
More products
Click to order
Cart
Total: 
Payment method

Как добавить параметры товара интернет магазина ST305N в маленькую карточку в Tilda

Перенесём элементы выбора опций из окна "Подробнее о товаре" в маленькую карточку товара.
Ссылка в карточке товара - Подробнее о товаре

Скрипт вставляем в блок ДРУГОЕ►T123
<style>
    /*При наведении на карточки устанавливаем стандартный курсор*/
    .t776__col a:hover{ cursor:default; }
    .t776__btn-wrapper a:hover{ cursor:pointer !important;  }
</style>

<script>
 $(document).ready(function() {
   //Вычисляем кол-во карточек товара на стрранице
   var y = $(".t776__col").length-1; var x = 0;
   //Проходим все карточки
   while (x <= y) {
   //Перемещаем параметры в нужный блок    
   $(".t776__product-full:eq("+x+") .t-product__option").appendTo(".t776__textwrapper:eq("+x+") .t776__descr");
   x++;  }; 
      //Удаляем ссылку с карточки товара
      $(".t776__col a").attr("href", "");
      //Добавляем ссылку вызова корзины к кнопке
      $(".t776__btn-wrapper a").attr("href", "#order");
      //При клике на карточку отменяем все переходы
      $(".t776__col a").click(function(){ return false;});  });
</script>
Made on
Tilda