This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="ru"> | |
<!-- | |
Этот код создает веб-страницу, на которой с помощью GSAP | |
анимируется движение SVG-фигурки по заданному пути в зависимости | |
от прокрутки страницы. В HTML используется SVG для создания кривой | |
линии и фигурки. При скролле фигурка плавно движется вдоль пути, | |
используя MotionPathPlugin и ScrollTrigger. Анимация начинается | |
и заканчивается в зависимости от позиции скролла, обеспечивая | |
плавное движение фигурки вдоль линии. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- *********************************************** --> | |
<!-- SmoothScroll с помощью библиотеки Lenis --> | |
<!-- *********************************************** --> | |
<!-- Более плавный скролл, нежели чем «классический» --> | |
<!-- *********************************************** --> | |
<script src="https://unpkg.com/@studio-freight/lenis@1.0.42/dist/lenis.min.js"></script> | |
<script> | |
// Классы, в которых скрипт «отваливается» — их нужно исключать принудительно :) | |
const classesToExclude = [ | |
't706', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Скрытие символа BOM --> | |
<script> | |
(function() { | |
// Список классов для проверки | |
var classesToCheck = [ | |
't-card__uptitle', | |
't-card__title', | |
't-card__descr' | |
]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Плавный скролл по странице --> | |
<script src="https://unpkg.com/@studio-freight/lenis@1.0.42/dist/lenis.min.js"></script> | |
<script> | |
const lenis = new Lenis({ | |
lerp: 0.1, | |
easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), | |
orientation: 'vertical', | |
gestureOrientation: 'vertical', | |
smoothWheel: true, | |
wheelMultiplier: 0.95, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- ******************************************************* --> | |
<!-- Скрываем или удаляем пустые карточки --> | |
<!-- ******************************************************* --> | |
<!-- Видео с пояснением: https://youtu.be/VLor5zp0W4s --> | |
<!-- ******************************************************* --> | |
<script> | |
(function() { | |
// Настройки | |
const productCardClasses = ['js-product', 't-item']; | |
const productNameClasses = ['js-store-prod-name', 'js-product-name', 't786__title']; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
const ucNewIcons = { | |
"t898__icon-telegram_wrapper": { | |
"iconPath": "none", // Нет новой иконки | |
"tooltipText": null // Нет нового названия для тултипа | |
}, | |
"t898__icon-whatsapp_wrapper": { | |
"iconPath": "none", | |
"tooltipText": null | |
}, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
const MAX_ATTEMPTS = 10; | |
let attempts = 0; | |
function checkForJsStore() { | |
if (attempts >= MAX_ATTEMPTS) { | |
console.warn("Достигнуто максимальное количество попыток. Подождите или обновите страницу."); | |
return; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ВАЖНО! Замена категорий в магазине: «Все» → «Все блюда» */ | |
div[data-storepart-uid="361763895611"] { | |
visibility: hidden; | |
position: relative; | |
} | |
div[data-storepart-uid="361763895611"]:after { | |
visibility: visible; | |
position: absolute; | |
top: 0; | |
left: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<video style="object-fit: cover; background-size: cover; width: 100%; height: 900px" video="" preload="auto" muted="" playsinline="" autoplay="autoplay" loop="loop"> | |
<!-- Вместо "id=1xAOh9c9ghq5j4rN38cAEwLYyKkLM6Sx4" вписать ID своего видео --> | |
<source src="https://drive.google.com/uc?export=download&confirm=no_antivirus&id=1xAOh9c9ghq5j4rN38cAEwLYyKkLM6Sx4" type="video/mp4"> | |
</video> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* «Телефон» в виджете обратной связи */ | |
a.t825__phone ~ div.t825__messenger-descr { | |
color: transparent; | |
} | |
a.t825__phone ~ div.t825__messenger-descr:after { | |
content: "Телефон"; | |
color: #17181e; /* set color to original text color */ | |
margin-left: -30px; /* margin-left equals length of text we're replacing */ | |
} |
NewerOlder