diff --git a/frontend/components/global/product-detail/ProductsSlider.vue b/frontend/components/global/product-detail/ProductsSlider.vue
index 6599e64..dea310e 100644
--- a/frontend/components/global/product-detail/ProductsSlider.vue
+++ b/frontend/components/global/product-detail/ProductsSlider.vue
@@ -91,9 +91,9 @@ const onSwiper = (swiper: SwiperClass) => {
                         :id="product.id"
                         brand="برند محصول"
                         :title="product.name"
-                        :picture="product.image1"
-                        :colors="['white', 'black']"
-                        :price="product.price"
+                        :picture="product.variants[0].images[0].image"
+                        :colors="product.variants.map(v => v.color)"
+                        :price="product.variants[0].price"
                         :rate="product.rating"
                         :dark-layer="true"
                     />