);
};
@@ -238,6 +246,8 @@ Design1.defaultProps = {
productTags: ["ارسال رایگان", "برچسب های دیگر", "دسته بندی به صورت کادو"],
+ hoverEffect: false,
+
//میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم
- priceDirection: "flex-col",
+ priceDirection: "flex-row",
};
diff --git a/src/components/productDesign/ProductDesign.css b/src/components/productDesign/ProductDesign.css
deleted file mode 100644
index 0a89455..0000000
--- a/src/components/productDesign/ProductDesign.css
+++ /dev/null
@@ -1 +0,0 @@
-/* No CSS *//*# sourceMappingURL=ProductDesign.css.map */
\ No newline at end of file
diff --git a/src/components/productDesign/ProductDesign.css.map b/src/components/productDesign/ProductDesign.css.map
deleted file mode 100644
index 4e6cde4..0000000
--- a/src/components/productDesign/ProductDesign.css.map
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "version": 3,
- "mappings": "",
- "sources": [
- "ProductDesign.scss"
- ],
- "names": [],
- "file": "ProductDesign.css"
-}
\ No newline at end of file
diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js
deleted file mode 100644
index c081962..0000000
--- a/src/components/productDesign/ProductDesign.js
+++ /dev/null
@@ -1,324 +0,0 @@
-import React, { useEffect, useState } from "react";
-import "./ProductDesign.scss";
-
-import StarRating from "../starRating/StarRating";
-
-import ReactTooltip from "react-tooltip";
-
-import book from "../../assets/images/goldon.png";
-import watermelon from "../../assets/images/watermelon.png";
-
-import heart from "../../assets/icons/vuesax-linear-heart.svg";
-import discountImg from "../../assets/icons/discount.png";
-
-import YellowDotIcon from "../../assets/icons/yellowDotIcon.svg";
-import RedDotIcon from "../../assets/icons/redDotIcon.svg";
-import PurpleDotIcon from "../../assets/icons/purpleDotIcon.svg";
-import LightBlueDotIcon from "../../assets/icons/lightBlueDotIcon.svg";
-import Button from "../Button";
-
-const ProductDesign = ({
- colors,
- likeBtn,
- discount,
- discountPricePercent,
- discountPrice,
- productContent,
- star,
- productTags,
- priceDirection,
- productTitleAlignment,
- priceHolder,
- productHolderBorder,
- productHolderBorderColor,
- productTitleColor,
- productExcerptTextColor,
- productCat,
- productCatTextColor,
- rangeHolder,
- verticalImg,
- horizontalImg,
- rangeWidth,
- addToCartHolder,
- mainPriceTitle,
-}) => {
- const [progressFlag, setProgressFlag] = useState(false);
-
- useEffect(() => {
- setTimeout(() => {
- setProgressFlag(true);
- }, 1000);
- }, []);
-
- return (
-
- {/* title holder */}
-
-
آیتم محصولات
-
-
-
-
- نام این کامپوننت
-
- productDesign
-
- است و داخل این کامپوننت شما میتوانید با
-
- true - false
-
- کردن
-
- Props
-
- ها به صورت داینامیک دیزاین های مختلفی را مشاهده کنید شما همچنین
- میتوانید با تغییر دادن مقدار PriceDirection به یکی از این
- ها:
-
-
- flex-row/flex-row-reverse/flex-column/flex-column-reverse
-
- دیزاین های متفاوتی را برای قسمت قیمت و اضافه کردن به سبد خرید هر محصول
- ببینید.
-
-
- برای نمایش ستاره ها من از یک کامپوننت استفاده کردم ====
-
- Star Rating
-
-