Библиотека Cards Shop
Сырьевые компоненты: копируй структуру и меняй стили под твой проект.
Все компоненты адаптивны :
max-width: 1920px;
min-width: 320px;
Cards-Shop — это специализированная категория компонентов, сфокусированная на коммерческой эффективности и удобстве пользователя в рамках e-commerce проектов.
LuxuryCollectionShowcase
LuxuryCollectionShowcase — это премиальная витрина, предназначенная для акцентированного представления топовых позиций каталога.
Адрес в системе :
// src / library / blocks / cardshop / LuxuryCollectionShowcase /
RecommendationSlider
RecommendationSlider - («Вас может заинтересовать»). Этот компонент обычно используется для товаров или услуг.
Вас может заинтересовать
$120.00
$45.00
$350.00
$89.00
$120.00
$45.00
$350.00
$89.00
Адрес в системе :
// src / library / layout / SlidersContent / RecommendationSlider /
FlashSaleSlider
FlashSaleSlider — это высококонверсионный блок для стимулирования импульсивных покупок. Компонент выделяется за счет динамических градиентных фонов и ярких акцентных плашек «SALE».
Адрес в системе :
// src / library / blocks / cardshop / FlashSaleSlider /
MinimalistProductTriptych
MinimalistProductTriptych — это воплощение чистоты и фокуса на продукте. Дизайн построен по принципу «ничего лишнего»: три вертикальные карточки на мягких градиентных подложках с крупными фотографиями.
Адрес в системе :
// src / library / blocks / cardshop / MinimalistProductTriptych /
CategoryHighlightGrid
CategoryHighlightGrid — это стратегический навигационный блок, предназначенный для распределения трафика по ключевым разделам каталога. Визуальная иерархия достигается за счет использования градиентов разной насыщенности.
Популярные категории
Адрес в системе :
// src / library / blocks / cardshop / CategoryHighlightGrid /
MultiColorProductGrid
MultiColorProductGrid — это интерактивная витрина, разработанная для эффективной демонстрации товаров, доступных в нескольких цветовых вариантах.
Адрес в системе :
// src / library / blocks / cardshop / MultiColorProductGrid /
FeatureFocusedShopRow
FeatureFocusedShopRow — это информационно-насыщенная витрина, ориентированная на быструю презентацию технических преимуществ товара.
Превосходство в деталях
24ч Автономности
Шумоподавление
Elite Sound Pro
Профессиональное звучание с интеллектуальной системой адаптации под окружение.
4K Дисплей
Защита IP68
Vision Watch X
Ваш персональный ассистент с мониторингом здоровья в реальном времени.
Адрес в системе :
// src / library / blocks / cardshop / FeatureFocusedShopRow /
DarkModeJewelryGrid
DarkModeJewelryGrid — это эксклюзивная витрина, выполненная в эстетике «тёмной роскоши». Компонент построен на глубоких угольных градиентах и изящных золотых акцентах, которые создают эффект витрины дорогого бутика.
Premium Collection
Адрес в системе :
// src / library / blocks / cardshop / DarkModeJewelryGrid /
StackedMobileCards
StackedMobileCards — это адаптивный навигационный блок, использующий прогрессивное улучшение для мобильного пользовательского опыта.
Адрес в системе :
// src / library / blocks / cardshop / StackedMobileCards /
BundleDealSection
BundleDealSection — это конверсионный блок «Вместе дешевле», спроектированный для увеличения среднего чека за счет пакетных предложений.
Выгодный комплект
Основной товар
Professional Camera X1
$1,200
+
Объектив 50mm
$350
Запасной АКБ
$80
Адрес в системе :
// src / library / blocks / cardshop / BundleDealSection /
ReviewIntegratedShopGrid
ReviewIntegratedShopGrid — это товарная сетка с глубокой интеграцией социального доказательства. Каждая карточка в этом блоке, помимо стандартных атрибутов (фото, цена, название), содержит компактный блок с «живым» отзывом и визуальным звездным рейтингом.
Выбор покупателей
Ultra Comfort Sofa
$890
«Самый удобный диван, на котором я когда-либо сидел. Качество ткани на высоте!»
Smart Table Lamp
$120
«Идеально вписалась в интерьер. Регулировка яркости очень плавная и приятная.»
Minimalist Mirror
$210
«Упаковано было отлично. Зеркало без искажений, выглядит очень дорого.»
Адрес в системе :
// src / library / blocks / cardshop / ReviewIntegratedShopGrid /