What is it? ITeSHOP Product Swiper
feature: auto center when slide lesser than slidesPerView
What's it looks like?
npm install react-ui-product-swiper
import ProductSwiper from "react-ui-product-swiper";
| name | type | desc |
|---|---|---|
| href | url | what's it point to |
| src | url | image url |
| brand | string | brand name |
| name | string | product name |
<ProductSwiper products={[
{
href: 'https://hk.iteshop.com/Bit/Women/Clothing/Knitwear/Cardigan/TAWCD213026XH.html',
src: 'https://ithk-pro-itmall-item.oss-cn-hongkong.aliyuncs.com/2/product/TAWCD213026XHBKX/TAWCD213026XHBKX-pdp-1.jpg?x-oss-process=image/resize,m_pad,w_328/quality,Q_80',
brand: 'alexander wang.t',
name: 'CROPPED CARDIGAN'
},
{
href: 'https://hk.iteshop.com/Bit/Women/Clothing/Knitwear/Cardigan/TAWCD213026XH.html',
src: 'https://ithk-pro-itmall-item.oss-cn-hongkong.aliyuncs.com/2/product/TAWCD213026XHBKX/TAWCD213026XHBKX-pdp-1.jpg?x-oss-process=image/resize,m_pad,w_328/quality,Q_80',
brand: 'alexander wang.t',
name: 'CROPPED CARDIGAN'
},
{
href: 'https://hk.iteshop.com/Bit/Women/Clothing/Knitwear/Cardigan/TAWCD213026XH.html',
src: 'https://ithk-pro-itmall-item.oss-cn-hongkong.aliyuncs.com/2/product/TAWCD213026XHBKX/TAWCD213026XHBKX-pdp-1.jpg?x-oss-process=image/resize,m_pad,w_328/quality,Q_80',
brand: 'alexander wang.t',
name: 'CROPPED CARDIGAN'
}
]}/>