Вёрстка интернет-магазина на Tilda

Так как разработкой дизайна занималась не наша команда, нашей задачей было максимально приблизить верстку на Тильде к макету заказчика.
Стандартный элемент «корзина» в Тильда не предполагает размещение и закрепление иконки в хедере (шапке) сайта, с помощью кода мы смогли обойти ограничения и задать собственную иконку, а также, расположить ее в необходимом месте.
Стандартная корзина
Корзина в шапке сайта, сделанная с помощью кода
Также, для удобства пользования корзиной мы добавили кнопку «Продолжить покупки», чтобы пользователь мог вернуться из корзины в каталог.
Корзина без кнопки
Корзина в шапке сайта, сделанная с помощью кода
Стандартно в Тильде карточка товара представлена в виде попапа. Мы сделали её в виде отдельной страницы, добавив шапку. Также, реализовали кнопку «назад», которая возвращает пользователя на то место, с которой он перешел на карточку.
Карточка товара без шапки
Карточка товара с шапкой и кнопкой «Назад»
Благодаря виджету мы смогли добавить отзывы к товарам.
С помощью CSS мы смогли добиться минимальных горизонтальных и вертикальных отступов между карточками товара.

Бестселлеры на главной странице

Каталог
Кодом мы, также, настроили ховеры на ссылки.
В Тильда нет возможности добавить поиск в шапку сайта. С помощью кода мы смогли использовать свою иконку и добавить поиск в попап.
Made on
Tilda