О компании
Портфолио
Контакты
Вакансии
info@lupo.ru
Заполнить бриф
Слайдеры
Слайдеры из стандартных блоков из категории Услуги
Take the quiz and find out the best destination for your vacation.
Fill out the form and we will contact you soon.
Имя
Телефон
Почта
Название компании
Что бы Вы хотели разработать?
What is your budget per person?
500
5000
How many people are traveling?
+
Additional comments
SV102
SV401
SV402
SV403
SV404
SV405
SV102

Добавьте на страницу блок SV102 из раздела Услуги

Заголовок и подзаголовок и кнопку можно удалить в Контенте блока.

Отступы сверху и снизу блока можно сделать минимальными в Настройках блока.

Group and individual classes
We collect groups from 5 to 15 students and start new groups every month. Also, you can study individual programs with our teachers. See the prices of our special programs for newbies.
Online language classes
You can study online with our teachers at any convenient time for you. You can choose your favorite tutor from all community members, choose the necessary subjects to exercise in if you want to get intensive classes.
Learning a language in a fun way for children under 5yo
We develop special classes for kids to start speaking new languages with fun and no fear. All kids will be involved in intellectual games and the discussion process.
Добавьте под ним блок T123 из раздела Другое и поместите в него этот уже подготовленный код Slick Slider:

Замените в коде #rec335685594 на id вашего блока SV102
<script type="text/javascript">
  $(".t847__separator").remove();
    $(document).ready(function(){
        $('#rec335685594 .t-container').slick({
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
            nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    }
  ]
  });
});
</script>
SV401
Добавьте на страницу блок SV401 из раздела Отзывы
Заголовок и подзаголовок можно удалить в Контенте блока.
Отступы сверху и снизу блока можно сделать минимальными в Настройках блока.
Analytics
Learn more
Analytics
Learn more
Marketing
Learn more
Design
Learn more
Добавьте под ним блок T123 из раздела Другое и поместите в него этот уже подготовленный код Slick Slider:

Замените в коде #rec335397703 на id вашего блока SV401
<script type="text/javascript">
  $(".t851__separator").remove();
    $(document).ready(function(){
        $('#rec336066674 .t851__container').slick({
            infinite: true,
            speed: 300,
            slidesToShow: 3,
            slidesToScroll: 1,
            prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
            nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    }
  ]
  });
});
</script>
SV402

Добавьте на страницу блок SV402 из раздела Услуги

Заголовок и подзаголовок можно удалить в Контенте блока.

Отступы сверху и снизу блока можно сделать минимальными в Настройках блока.

Analytics
Tell about the core of the service and upload an atmospheric photo to attract your clients.
Analytics
Tell about the core of the service and upload an atmospheric photo to attract your clients.
Marketing
Tell about the core of the service and upload an atmospheric photo to attract your clients.
Landing pages
We create landing pages for products and services, simple and effective, mobile-friendly.
Добавьте под ним блок T123 из раздела Другое и поместите в него этот уже подготовленный код Slick Slider:

Замените в коде #rec335397703 на id вашего блока SV402
<script type="text/javascript">
  $(".t853__separator").remove();
    $(document).ready(function(){
        $('#rec335687718 .t853__container').slick({
            infinite: true,
            speed: 300,
            slidesToShow: 3,
            slidesToScroll: 1,
            prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
            nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    }
  ]
  });
});
</script>
ST305N (Каталог)
Добавьте на страницу блок ST305N из раздела Магазин. И выведите в него каталог.
Добавьте под ним блок T123 из раздела Другое и поместите в него этот уже подготовленный код Slick Slider:

Замените в коде #rec335397703 на id вашего блока ST305N
<script>
$(function slideCatalog(){
    let block = "#rec335466254";  
    let slideCatalogTimer = setInterval(function() {
        if($(block + " .t-store__card__imgwrapper").length) {
            clearInterval(slideCatalogTimer);
            $(block + " .t-store__grid-separator").remove();
            $(block + " .js-store-grid-cont").slick({ 
                infinite: true,     
                autoplay: true,     
                autoplaySpeed: 2000, 
                speed: 600,         
                slidesToShow: 3,    
                slidesToScroll: 1,  
                easing: 'ease-out', 
                prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
                nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
                responsive: [  
                    {
                        breakpoint: 1024,
                        settings: {
                            slidesToShow: 3,
                            slidesToScroll: 1,
                            infinite: true,
                        }
                    },
                    {
                        breakpoint: 600,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 1,
                            infinite: true,
                            arrow: false,
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            infinite: true,
                            arrow: false,
                        }
                    }
                ]
            });
        }
    },1000)
});
</script>
ST310N
Добавьте на страницу блок ST310N из раздела Магазин.
More products
Добавьте под ним блок T123 из раздела Другое и поместите в него этот уже подготовленный код Slick Slider:

Замените в коде #rec335397703 на id вашего блока ST310N
<script type="text/javascript">
  $(".t778__separator").remove();
    $(document).ready(function(){
        $('#rec335397703 .t778__container').slick({
            infinite: true,
            speed: 300,
            slidesToShow: 3,
            slidesToScroll: 1,
            prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
            nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    }
  ]
  });
});
</script>
ST310N (Каталог)
Добавьте на страницу блок ST310N из раздела Магазин. Подключите каталог (контент > низ страницы)
Добавьте под ним блок T123 из раздела Другое и поместите в него этот уже подготовленный код Slick Slider:

Замените в коде #rec335397703 на id вашего блока ST310N
<script>
$(function slideCatalog(){
    let block = "#rec335466254";  
    let slideCatalogTimer = setInterval(function() {
        if($(block + " .t-store__card__imgwrapper").length) {
            clearInterval(slideCatalogTimer);
            $(block + " .t-store__grid-separator").remove();
            $(block + " .js-store-grid-cont").slick({ 
                infinite: true,     
                autoplay: true,     
                autoplaySpeed: 2000, 
                speed: 600,         
                slidesToShow: 3,    
                slidesToScroll: 1,  
                easing: 'ease-out', 
                prevArrow:"<img class='a-left control-c prev slick-prev' src='https://static.tildacdn.com/tild3136-3235-4436-b162-353962616539/back.svg'>",
                nextArrow:"<img class='a-right control-c next slick-next' src='https://static.tildacdn.com/tild3863-6336-4263-a466-356536656537/next.svg'>",
                responsive: [  
                    {
                        breakpoint: 1024,
                        settings: {
                            slidesToShow: 3,
                            slidesToScroll: 1,
                            infinite: true,
                        }
                    },
                    {
                        breakpoint: 600,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 1,
                            infinite: true,
                            arrow: false,
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            infinite: true,
                            arrow: false,
                        }
                    }
                ]
            });
        }
    },1000)
});
</script>
Добавьте под ним блок T123 из раздела Другое и поместите в него этот код стилей для элементов управления слайдером:
<style>
.a-left.control-c.prev.slick-prev.slick-arrow,
.a-right.control-c.next.slick-next.slick-arrow {
  width: 20px;
  height: 20px;
  border: 1px solid #d4d4d4;
  border-radius: 100%;
  padding: 10px 10px;
  box-shadow: 0 0 10px #00000036;
  background-color: #ffffffb5;
}

.a-left.control-c.prev.slick-prev.slick-arrow {
    left: -50px;
}

.a-right.control-c.next.slick-next.slick-arrow {
    right: -50px;
}
</style>
Добавьте в самом низу страницы блок T123 из раздела Другое и поместите в него этот код подключения Slick Slider:

Этот код должен быть обязательно в самом низу страницы, после всех блоков. Код добавляется на страницу всего один раз.
Если у вас на странице будет несколько слайдеров, то несколько раз его добавлять не нужно.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" integrity="sha256-4hqlsNP9KM6+2eA8VUT0kk4RsMRTeS7QGHIM+MZ5sLY=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" integrity="sha256-UK1EiopXIL+KVhfbFa8xrmAWPeBjMVdvYMYkTAEv/HI=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js" integrity="sha256-NXRS8qVcmZ3dOv3LziwznUHPegFhPZ1F/4inU7uC8h0=" crossorigin="anonymous"></script>