ПОКРУТИТЬ В РУКАХ

Создание 360° фото Ваших товаров на платформе Fyuse
После первой статьи о анимации в Tilda, ко мне стали обращаться люди, для которых Tilda стала инструментом создания витрины товаров. Таким человеком в частности является Дмитрий ( woodzy.ru ) создающий крутые светильники из дерева (сразу скажу, что то, что он показал на сайте, это самое малое из-того что он может). В помощь ему и другим таким же handmade мастерам, я решил написать статью про платформу Fyuse , в которой Вы можете сделать красивые 360° фото товаров, которые можно поворачивать наклоном смартфона, "свайпом" по фото или мышкой (если используется ПК).
Советую первый раз читать эту статью с ПК или планшета
Блок изменяемой ширины делённый пополам. Есть название товара и цена. Только для ПК и планшетов.
Такой блок можно использовать для показа 360° фото товаров по вертикали и горизонтали, то есть со всех сторон. Ширина блока регулируется возможностями Tilda (через Настройки блока). Показ для смартфонов отключен. Название и цена изменяется в коде.

Код блока смотрите здесь https://jsfiddle.net/liringea/Lokzpam0/
Купить

Кроссовки Adidas
12000 руб.

Блок изменяемой ширины. Есть название товара и цена.
Такой блок можно использовать для показа одного большого 360° фото товара. Ширина блока регулируется возможностями Tilda (через Настройки блока). Название и цена изменяется в коде.

Код блока смотрите здесь https://jsfiddle.net/liringea/nc4L0jaz/

Красивые туфли
27000 руб.

Блок изменяемой ширины. Есть название товара, цена и кнопка купить.
Такой блок можно использовать для показа одного большого 360° фото товара. Ширина блока регулируется возможностями Tilda (через Настройки блока). Название и цена изменяется в коде. Кнопка купить вызывает блок ST10

Пример расположен здесь samplebuy.tilda.ws потому, что у меня бесплатный аккаунт и блок ST10 на нём не доступен. Пришлось делать тестовый временно платный аккаунт.

Код блока смотрите здесь https://jsfiddle.net/liringea/2oqgpu53/
Блок обложка на всю ширину. Есть заголовок и подзаголовок. Тонирование.
Такой блок можно использовать для показа одного большого 360° фото как обложка страницы. Ширину лучше оставить 100%. Расположение текста изменяется в коде. Тонирование задаётся в формате RGBA в коде.

Код блока смотрите здесь https://jsfiddle.net/liringea/Ltr2yq7q/

Современное Искусство

город Москва
Третьяковская галерея

Блок на всю ширину. Есть название товара, описание и цена. Только для ПК и планшетов.
Такой блок можно использовать для показа 360° фото товаров и его описания с возможностью перейти к покупке (используется блок ST10). Показ для смартфонов отключен. Название, описание и цена изменяется в коде.

Код блока смотрите здесь https://jsfiddle.net/liringea/99pf9qp1/

Кроссовки Adidas

Качественные и дорогие кроссовки от всемирно известной марки спортивных товаров

30000 р.

Купить
comments powered by HyperComments
Made on
Tilda