@oja
Лицо, которое вы видите чаще, чем своего кота, актер в @go.freelance
Oan James
@achne
Копирайтер, гений творческой мысли и чудный мастер капкейков в @go.freelance
Maria Achne
@mandreev
Креативный дизайнер, motion дизайнер и визуализатор в @go.freelance
Max Andreev
@asemenova
Продуктовый дизайнер, бренд-менеджер и креативный директор @go.freelance
Alina Semenova

Как добавить видео в карточку товара на Тильде — простой и надежный способ [draft]

Добавляем Youtube видео

1. Копируем код и вставляем в HEAD сего сайта (установка в HEAD необходима исключительно для сайтов, где используется карточка товара в попапе. Для сайтов со страницами товаров, устанавливаем скрипт в Header для карточки товара, в блок T123)
2. Копируем ID видео (xxxxxxxxxxx) и вставляем между стрелками →←. Пример →xxxxxxxxxxx←
3. →xxxxxxxxxxx← вставляем в любое место в тексте в описании товара
<style>
.gborder .tn-atom {
  position: relative;
}
.gborder .tn-atom::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(45deg, #fb00ff, #001fff);
  border-radius: 17px;
  z-index: -1;
}
</style>

Добавляем Vimeo видео

1. Добавляем элементу класс .gbtn
2. Добавляем HTML-код — T123 и вставляем в него код
3. Подбираем значение bored-radius в зависимости от скругления кнопки
<style>
.gbtn .tn-atom {
  position: relative;
}
.gbtn .tn-atom::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(45deg, #fb00ff, #001fff);
  border-radius: 29px;
  z-index: -1;
}
</style>

Добавляем MP4 видео из любого видео хостинга

1. Загружаем видео на любой бесплатный видеохостинг и копируем его URL, с расширением .mp4
2. Добавляем HTML-код — T123 и вставляем в него код
3. Подбираем значение bored-radius в зависимости от скругления кнопки
Made on
Tilda