d26 | CERAFAVIT успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл

Продукт: HYDRA молочко очищающее для сухой кожи 150 мл
221

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 0

Продукт: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Этап выбран: 0

НЕТ

Рекомендованные:

НЕТНЕТ
Этап выбран: 0

Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222

Рекомендованные:

Продукт 1: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Продукт 2: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
Этап выбран: 1

Продукт: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226

Рекомендованные:

Продукт 1: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
Продукт 2: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Этап выбран: 0

Продукт: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223

Рекомендованные:

Продукт 1: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
НЕТ
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/l12.png" alt="HYDRA молочко очищающее для сухой кожи 150 мл"/> </div> <div class="swiper-slide-prod-text">HYDRA молочко очищающее для сухой кожи 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 2, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, initialSlide: 0, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 1, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
HYDRA молочко очищающее для сухой кожи 150 мл
HYDRA молочко очищающее для сухой кожи 150 мл
2 этап — УМЫВАНИЕ
Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
2 этап — интенсивный
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
3 этап — основной
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
d25 | CERAFAVIT масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл

Продукт: HYDRA молочко очищающее для сухой кожи 150 мл
221

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 0

Продукт: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл
229

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Этап выбран: 1

НЕТ

Рекомендованные:

НЕТНЕТ
Этап выбран: 0

Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222

Рекомендованные:

Продукт 1: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл
229
Продукт 2: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Этап выбран: 0

Продукт: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226

Рекомендованные:

Продукт 1: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл
229
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 0

Продукт: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223

Рекомендованные:

Продукт 1: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл
229
НЕТ
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/l12.png" alt="HYDRA молочко очищающее для сухой кожи 150 мл"/> </div> <div class="swiper-slide-prod-text">HYDRA молочко очищающее для сухой кожи 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d25.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d25.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="641" data-item-art="00046197885" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d25.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="641" data-item-art="00046197885" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d25.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="641" data-item-art="00046197885" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
HYDRA молочко очищающее для сухой кожи 150 мл
HYDRA молочко очищающее для сухой кожи 150 мл
2 этап — УМЫВАНИЕ
Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл
Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 400 мл
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
2 этап — интенсивный
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
3 этап — основной
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
d24 | CERAFAVIT масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл

Продукт: HYDRA молочко очищающее для сухой кожи 150 мл
221

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 0

Продукт: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл
228

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Этап выбран: 1

НЕТ

Рекомендованные:

НЕТНЕТ
Этап выбран: 0

Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222

Рекомендованные:

Продукт 1: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл
228
Продукт 2: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Этап выбран: 0

Продукт: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226

Рекомендованные:

Продукт 1: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл
228
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 0

Продукт: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223

Рекомендованные:

Продукт 1: Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл
228
НЕТ
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/l12.png" alt="HYDRA молочко очищающее для сухой кожи 150 мл"/> </div> <div class="swiper-slide-prod-text">HYDRA молочко очищающее для сухой кожи 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d24.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d24.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="642" data-item-art="00046197889" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d24.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="642" data-item-art="00046197889" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d24.png" alt="Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="642" data-item-art="00046197889" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
HYDRA молочко очищающее для сухой кожи 150 мл
HYDRA молочко очищающее для сухой кожи 150 мл
2 этап — УМЫВАНИЕ
Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл
Масло липидовосстанавливающее смягчающее для душа с церамидами и пребиотиком 200 мл
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
2 этап — интенсивный
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
3 этап — основной
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
d23 | CERAFAVIT очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл

Продукт: HYDRA молочко очищающее для сухой кожи 150 мл
221

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0

Продукт: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 1

НЕТ

Рекомендованные:

НЕТНЕТ
Этап выбран: 0

Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222

Рекомендованные:

Продукт 1: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0

Продукт: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226

Рекомендованные:

Продукт 1: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0

Продукт: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223

Рекомендованные:

Продукт 1: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
НЕТ
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/l12.png" alt="HYDRA молочко очищающее для сухой кожи 150 мл"/> </div> <div class="swiper-slide-prod-text">HYDRA молочко очищающее для сухой кожи 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
HYDRA молочко очищающее для сухой кожи 150 мл
HYDRA молочко очищающее для сухой кожи 150 мл
2 этап — УМЫВАНИЕ
Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
2 этап — интенсивный
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
3 этап — основной
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
d22 | CERAFAVIT очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 250 мл

Продукт: HYDRA молочко очищающее для сухой кожи 150 мл
221

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0

Продукт: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 250 мл
224

Рекомендованные:

Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225
Этап выбран: 1

НЕТ

Рекомендованные:

НЕТНЕТ
Этап выбран: 0

Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222

Рекомендованные:

Продукт 1: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0

Продукт: Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
226

Рекомендованные:

Продукт 1: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0

Продукт: Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
225

Рекомендованные:

Продукт 1: Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл
227
НЕТ
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/l12.png" alt="HYDRA молочко очищающее для сухой кожи 150 мл"/> </div> <div class="swiper-slide-prod-text">HYDRA молочко очищающее для сухой кожи 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d22.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 250 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 250 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="617" data-item-art="00046197886" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="615" data-item-art="00046197891" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d28.png" alt="Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл"/> </div> <div class="swiper-slide-prod-text">Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d33.png" alt="Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-text">Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d23.png" alt="Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="619" data-item-art="00046197888" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
HYDRA молочко очищающее для сухой кожи 150 мл
HYDRA молочко очищающее для сухой кожи 150 мл
2 этап — УМЫВАНИЕ
Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 250 мл
Очищающий липидовосстанавливающий крем-гель с церамидами и пребиотиком 250 мл
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
2 этап — интенсивный
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
Бальзам липидовосстанавливающий тройного действия для лица и тела 400 мл
3 этап — основной
Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
Молочко для сухой и очень сухой кожи с церамидами и пребиотиком 400 мл
d83 | SERACIN CC-крем 30 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0

Продукт: Очищающий гель для умывания 150 мл
217

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Очищающий крем-скраб с эко-гранулами 75 мл
218

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: CC-крем 30 мл
219

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d2.png" alt="Мицеллярная вода, 400 мл"/> </div> <div class="swiper-slide-prod-text">Мицеллярная вода, 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d81.png" alt="Очищающий гель для умывания 150 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий гель для умывания 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage3"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— глубокое очищение</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d82.png" alt="Очищающий крем-скраб с эко-гранулами 75 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий крем-скраб с эко-гранулами 75 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/> </div> <div class="swiper-slide-prod-related-text"></div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d12.png" alt="Эмульсия азелаиновая от черных точек антиакне, 50 мл"/> </div> <div class="swiper-slide-prod-text">Эмульсия азелаиновая от черных точек антиакне, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d83.png" alt="CC-крем 30 мл"/> </div> <div class="swiper-slide-prod-text">CC-крем 30 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 2, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, initialSlide: 2, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 1, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
2 этап — УМЫВАНИЕ
Очищающий гель для умывания 150 мл
Очищающий гель для умывания 150 мл
3 этап — глубокое очищение
Очищающий крем-скраб с эко-гранулами 75 мл
Очищающий крем-скраб с эко-гранулами 75 мл
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
3 этап — основной
CC-крем 30 мл
CC-крем 30 мл
d82 | SERACIN очищающий крем-скраб с эко-гранулами 75 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0

Продукт: Очищающий гель для умывания 150 мл
217

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Очищающий крем-скраб с эко-гранулами 75 мл
218

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d2.png" alt="Мицеллярная вода, 400 мл"/> </div> <div class="swiper-slide-prod-text">Мицеллярная вода, 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d81.png" alt="Очищающий гель для умывания 150 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий гель для умывания 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage3"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— глубокое очищение</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d82.png" alt="Очищающий крем-скраб с эко-гранулами 75 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий крем-скраб с эко-гранулами 75 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/> </div> <div class="swiper-slide-prod-related-text"></div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d12.png" alt="Эмульсия азелаиновая от черных точек антиакне, 50 мл"/> </div> <div class="swiper-slide-prod-text">Эмульсия азелаиновая от черных точек антиакне, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий дневной крем, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 2, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
2 этап — УМЫВАНИЕ
Очищающий гель для умывания 150 мл
Очищающий гель для умывания 150 мл
3 этап — глубокое очищение
Очищающий крем-скраб с эко-гранулами 75 мл
Очищающий крем-скраб с эко-гранулами 75 мл
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
d81 | SERACIN очищающий гель для умывания 150 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0

Продукт: Очищающий гель для умывания 150 мл
217

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1

Продукт: Себорегулирующая маска с белой и зеленой глиной, 75 мл
206

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d2.png" alt="Мицеллярная вода, 400 мл"/> </div> <div class="swiper-slide-prod-text">Мицеллярная вода, 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d81.png" alt="Очищающий гель для умывания 150 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий гель для умывания 150 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage3"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— глубокое очищение</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d6.png" alt="Себорегулирующая маска с белой и зеленой глиной, 75 мл"/> </div> <div class="swiper-slide-prod-text">Себорегулирующая маска с белой и зеленой глиной, 75 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/> </div> <div class="swiper-slide-prod-related-text"></div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/> </div> <div class="swiper-slide-prod-related-text"></div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d12.png" alt="Эмульсия азелаиновая от черных точек антиакне, 50 мл"/> </div> <div class="swiper-slide-prod-text">Эмульсия азелаиновая от черных точек антиакне, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий дневной крем, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
2 этап — УМЫВАНИЕ
Очищающий гель для умывания 150 мл
Очищающий гель для умывания 150 мл
3 этап — глубокое очищение
Себорегулирующая маска с белой и зеленой глиной, 75 мл
Себорегулирующая маска с белой и зеленой глиной, 75 мл
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
d84 | SERACIN мицеллярная вода, 200 мл

НЕТ

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 1

Продукт: Очищающий гель для умывания, 400 мл
204

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0

Продукт: Лосьон для глубокого очищения и сужения пор 100 мл
207

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212

Рекомендованные:

Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Крем ночной азелаин-форте, 50 мл
215
Этап выбран: 0

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d84.png" alt="Мицеллярная вода, 200 мл"/> </div> <div class="swiper-slide-prod-text">Мицеллярная вода, 200 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий гель для умывания, 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/> </div> <div class="swiper-slide-prod-related-text"></div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage3"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— глубокое очищение</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/> </div> <div class="swiper-slide-prod-text">Лосьон для глубокого очищения и сужения пор 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/> </div> <div class="swiper-slide-prod-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/> </div> <div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий дневной крем, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d16.png" alt="Крем ночной азелаин-форте, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем ночной азелаин-форте, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="493" data-item-art="00046185485" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 0, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 200 мл
Мицеллярная вода, 200 мл
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 100 мл
Лосьон для глубокого очищения и сужения пор 100 мл
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
d19 | SERACIN ДУО крем-гель первый тон, 40 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0

Продукт: Очищающий гель для умывания, 400 мл
204

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0

Продукт: Лосьон для глубокого очищения и сужения пор 100 мл
207

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212

Рекомендованные:

Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0

НЕТ

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 1

{%- extends 'layouts/base.html' -%} {%- block content -%} <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/> <!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> --> <link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/> <div class="swiper slider_prod_wrap"> <!-- If we need navigation buttons --> <div class="scheme_slider-nav"> <div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div> <div class="button-next button-nav tab-care">УХОД</div> </div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide slide-one" data-hash="step1"> <div class="serapro_slider-pag"> <div class="swiper-pagination-one d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_one"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-next button-next-last"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage1"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d2.png" alt="Мицеллярная вода, 400 мл"/> </div> <div class="swiper-slide-prod-text">Мицеллярная вода, 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage2"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-text">Очищающий гель для умывания, 400 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/> </div> <div class="swiper-slide-prod-related-text"></div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage3"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— глубокое очищение</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/> </div> <div class="swiper-slide-prod-text">Лосьон для глубокого очищения и сужения пор 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> </div> <div class="swiper-slide slide_prod_two" data-hash="step2"> <div class="serapro_slider-pag"> <div class="swiper-pagination-two d-flex d-sm-none"></div> </div> <div class="swiper slider_prod_two"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="button-prev button-prev-first"></div> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" data-hash="stage4"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d11.png" alt="Матирующий тоник, 100 мл"/> </div> <div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d14.png" alt="Матирующий дневной крем, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage5"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">2 этап <span>— интенсивный</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/> </div> <div class="swiper-slide-prod-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/> </div> <div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" data-hash="stage6"> <div class="swiper-slide-wrap"> <div class="swiper-slide-title">3 этап <span>— основной</span></div> <div class="swiper-slide-prod-wrap"> <div class="swiper-slide-prod"> <div class="swiper-slide-prod-img"> <img class="img-fluid" src="https://librederm.ru/media/upload/d19.png" alt="ДУО крем-гель корректирующий тонирующий бежевый тон 40 мл"/> </div> <div class="swiper-slide-prod-text">ДУО крем-гель корректирующий тонирующий бежевый тон 40 мл</div> <div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div> <div class="swiper-slide-prod-related-wrap"> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> <div class="swiper-slide-prod-related"> <div class="swiper-slide-prod-related-img-wrap"> <img class="img-fluid" src="https://librederm.ru/media/upload/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" data-item-qty="1">В&nbsp;КОРЗИНУ</div> </div> </div> </div> </div> </div> </div> </div> <!-- If we need navigation buttons <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>--> </div> </div> </div> </div> {%- endblock -%} {%- block extra_js -%} <script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> --> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <script> var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 2, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, initialSlide: 2, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 1, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 100 мл
Лосьон для глубокого очищения и сужения пор 100 мл
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
3 этап — основной
ДУО крем-гель корректирующий тонирующий бежевый тон 40 мл
ДУО крем-гель корректирующий тонирующий бежевый тон 40 мл