heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add product card slug prop

Browse Source
This commit is contained in:
marzban-dev
2025-05-21 17:46:48 +03:30
parent a224256651
commit c2b5947e25
1 changed files with 4 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/product-detail/ProductsSlider.vue
+4 -13
View File
@@ -46,31 +46,21 @@ const onSwiper = (swiper: SwiperClass) => {
<Icon
name="ci:chevron-right"
class="size-5 lg:size-6"
:class="
swiper_instance?.isBeginning
? '**:stroke-slate-200'
: '**:stroke-black'
"
:class="swiper_instance?.isBeginning ? '**:stroke-slate-200' : '**:stroke-black'"
/>
</button>
<button
@click="swiper_instance?.slideNext()"
:disabled="swiper_instance?.isEnd"
:class="
swiper_instance?.isEnd
? 'border-slate-200 cursor-not-allowed'
: 'border-black cursor-pointer'
swiper_instance?.isEnd ? 'border-slate-200 cursor-not-allowed' : 'border-black cursor-pointer'
"
class="size-[30px] md:size-[35px] lg:size-[2.75rem] rounded-full border-[1.5px] click-effect flex-center"
>
<Icon
name="ci:chevron-left"
class="size-5 lg:size-6"
:class="
swiper_instance?.isEnd
? '**:stroke-slate-200'
: '**:stroke-black'
"
:class="swiper_instance?.isEnd ? '**:stroke-slate-200' : '**:stroke-black'"
/>
</button>
</div>
@@ -99,6 +89,7 @@ const onSwiper = (swiper: SwiperClass) => {
>
<ProductCard
:id="product.id"
:slug="product.slug"
:title="product.name"
:picture="product.variants[0].images[0].image"
:colors="product.colors"