Zero Block

Корзина, как отдельная страница на Tilda

Данная модификация отображает корзину товара как отдельный блок на странице, а не поп-ап. Список продуктов фиксирован по высоте корзины, а потому всегда остается на экране. Лучшего всего применять на отдельной странице.

Посмотреть пример

Применение

Первый код вставить в блок Т123 (HTML-код) на странице, где будет находиться корзина с товарами.

Второй код вставить на всех остальных страницах сайта, что бы скрыть иконку корзины.

Как вставлять код на сайт? 👆
    
<style>
  .t706__body_cartwinshowed {
    height: auto;
    min-height: auto;
    overflow: auto;
  }

  .t706__cartwin {
    display: block;
    position: static;
    background: #fff;
    overflow: unset;
    opacity: 1 !important;
  }

  .t706__cartwin-content {
    position: relative;
    max-width: 1200px;
    height: 100%;
    padding: 40px 20px;
    margin: 0 auto;
    background: #fff;
    overflow: unset;
  }

  @media (min-width: 960px) {
    .t706__cartwin-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }

  @media (min-width: 960px) {
    .t706__orderform {
      max-width: 40%;
      width: 100%;
      margin-left: auto;
    }
  }

  .t706__cartwin-close,
  .t706__carticon {
    display: none;
  }

  @media (min-width: 960px) {
    .products-fixed-list {
      position: -webkit-sticky;
      position: sticky;
      -ms-flex-item-align: start;
      align-self: flex-start;
      top: 20px;
      max-width: 50%;
      width: 100%;
    }
  }
  
  .t706__form-upper-text {
    padding-top: 0;
  }
  
</style>
  
<script>
  $(document).ready(function() {
    setTimeout(function() {
      t_onFuncLoad('tcart__openCart', function() {
        tcart__openCart();
      });
    }, 1000);
    $('.t706__cartwin-top, .t706__cartwin-products, .t706__cartwin-bottom').wrapAll('<div class="products-fixed-list"></div>');
    $('.t706__orderform').append($('.t706__form-bottom-text'));
    $('.t706__orderform').prepend($('.t706__form-upper-text'));
  });
</script>


    
<style>
    .t706__carticon {
      display: none;
    }
</style>

Понравилась модификация?

Если модификация отрабатывает некорректно, не так как указано в описании или названии - пожалуйста сообщите! Можете отправить мне личное сообщение в Telegram или воспользоваться формой обратной связи.

Отблагодарить монеткой

Вы можете выразить благодарность, выбрав один из вариантов ниже

С каждой благодарности я покупаю вкусняшку своему франц. бульдогу

100 руб

250 руб

400 руб

Код скопирован в буфер обмена 🔥