Shop components
Components that are related to the e-commerce section of the website.
Around componentThe gallery functionality inside the Product card component depends on the Swiper slider. In a Vite-based setup, Swiper is installed and bundled via npm.
- npm install swiper
- Import Swiper styles and scripts inside your JavaScript entry file
The Price range slider relies on noUiSlider, which is also managed via npm when using Vite.
- npm install nouislider
- Import required CSS and JS via ES module imports
Product card
Tiny horizontal card
Exquisite glass vase
$15.00
$19.00
Category card
Shopping cart item
