From e2d00a283a2142b615aa2dd62b1ddc5748d289ae Mon Sep 17 00:00:00 2001 From: A1Gard Date: Sat, 19 Oct 2024 02:09:41 +0330 Subject: [PATCH] added theme part Maryam fixed ui responsive bug natalia --- .../MaryamCategoryProducts.blade.php | 15 ++++ .../MaryamCategoryProducts.js | 0 .../MaryamCategoryProducts.json | 10 +++ .../MaryamCategoryProducts.php | 65 +++++++++++++++ .../MaryamCategoryProducts.scss | 79 +++++++++++++++++++ .../NataliaCategories.blade.php | 1 + .../NataliaCategories/NataliaCategories.scss | 18 ++++- .../slider/ParallaxSlider/ParallaxSlider.php | 11 +++ .../slider/ParallaxSlider/ParallaxSlider.scss | 1 + 9 files changed, 198 insertions(+), 2 deletions(-) create mode 100644 resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.blade.php create mode 100644 resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.js create mode 100644 resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.json create mode 100644 resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.php create mode 100644 resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.scss diff --git a/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.blade.php b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.blade.php new file mode 100644 index 0000000..8d6b67c --- /dev/null +++ b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.blade.php @@ -0,0 +1,15 @@ +
+
+

+ {{getSetting($data->area_name.'_'.$data->part.'_title')}} +

+ +
+ @foreach(getCategoryProductBySetting($part->area_name . '_' . $part->part.'_category',12) as $product) + + {{$product->name}} + + @endforeach +
+
+
diff --git a/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.js b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.js new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.json b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.json new file mode 100644 index 0000000..6ed8415 --- /dev/null +++ b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.json @@ -0,0 +1,10 @@ +{ + "name": "MaryamCategoryProducts", + "version": "1.0", + "author": "xStack", + "email": "xshop@xstack.ir", + "license": "GPL-3.0-or-later", + "url": "https:\/\/xstack.ir", + "author_url": "https:\/\/4xmen.ir", + "packages": [] +} \ No newline at end of file diff --git a/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.php b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.php new file mode 100644 index 0000000..89c18ba --- /dev/null +++ b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.php @@ -0,0 +1,65 @@ +section = 'theme'; + $setting->key = $part->area_name . '_' . $part->part.'_title'; + $setting->value = 'Another products'; + $setting->type = 'TEXT'; + $setting->size = 12; + $setting->title = $part->area_name . ' ' . $part->part .' title'; + $setting->save(); + + + $setting = new Setting(); + $setting->section = 'theme'; + $setting->key = $part->area_name . '_' . $part->part.'_color_bg'; + $setting->value = '#1c213a'; + $setting->data = json_encode(['name' => 'maryam-bg-color']); + $setting->type = 'COLOR'; + $setting->size = 4; + $setting->title = $part->area_name . ' ' . $part->part .' background color'; + $setting->save(); + + $setting = new Setting(); + $setting->section = 'theme'; + $setting->key = $part->area_name . '_' . $part->part.'_color_text'; + $setting->value = '#ffae00'; + $setting->data = json_encode(['name' => 'maryam-text-color']); + $setting->type = 'COLOR'; + $setting->size = 4; + $setting->title = $part->area_name . ' ' . $part->part .' text color'; + $setting->save(); + + $setting = new Setting(); + $setting->section = 'theme'; + $setting->key = $part->area_name . '_' . $part->part.'_category'; + $setting->value = Category::first()->id; + $setting->type = 'CATEGORY'; + $setting->size = 4; + $setting->title = $part->area_name . ' ' . $part->part .' category'; + $setting->save(); + + } + public static function onRemove(Part $part = null) + { + Setting::where('key',$part->area_name . '_' . $part->part.'_title')->first()?->delete(); + Setting::where('key',$part->area_name . '_' . $part->part.'_color_bg')->first()?->delete(); + Setting::where('key',$part->area_name . '_' . $part->part.'_color_text')->first()?->delete(); + Setting::where('key',$part->area_name . '_' . $part->part.'_category')->first()?->delete(); + } + public static function onMount(Part $part = null) + { + return $part; + } +} diff --git a/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.scss b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.scss new file mode 100644 index 0000000..f124e4c --- /dev/null +++ b/resources/views/segments/index/MaryamCategoryProducts/MaryamCategoryProducts.scss @@ -0,0 +1,79 @@ +.MaryamCategoryProducts { + // scss + position: relative; + background: var(--maryam-bg-color); + color: var(--maryam-text-color); + padding: 3rem 0; + + h1{ + font-size: 27px; + text-align: center; + font-weight: 200; + position: relative; + padding: 1rem; + + &:after,&:before{ + content: ' '; + border-bottom: 1px solid var(--maryam-text-color); + position: absolute; + top: 47% ; + z-index: 2; + width: 15%; + opacity: .5; + } + + &:before{ + left: 0; + } + &:after{ + right: 0; + } + } + + &:after{ + position: absolute; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(0deg, var(--maryam-bg-color) 35%, transparent 100%); + height: 50%; + content: ' '; + pointer-events: none; + } + + + .maryam-row{ + column-count: 4; + .maryam-item{ + display: block; + margin-bottom: 1rem; + } + } + + + /*-1000px width*/ + @media (max-width: 1000px) { + .maryam-row { + column-count: 3 ; + } + } + + /*-768px width*/ + @media (max-width: 768px) { + .maryam-row { + column-count: 2 ; + } + + &:after{ + position: absolute; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(0deg, var(--maryam-bg-color) 35%, transparent 100%); + height: 25%; + content: ' '; + pointer-events: none; + } + } +} + diff --git a/resources/views/segments/index/NataliaCategories/NataliaCategories.blade.php b/resources/views/segments/index/NataliaCategories/NataliaCategories.blade.php index 5b6179f..a3d9b24 100644 --- a/resources/views/segments/index/NataliaCategories/NataliaCategories.blade.php +++ b/resources/views/segments/index/NataliaCategories/NataliaCategories.blade.php @@ -21,6 +21,7 @@
+
diff --git a/resources/views/segments/index/NataliaCategories/NataliaCategories.scss b/resources/views/segments/index/NataliaCategories/NataliaCategories.scss index c547a8a..ee986b6 100644 --- a/resources/views/segments/index/NataliaCategories/NataliaCategories.scss +++ b/resources/views/segments/index/NataliaCategories/NataliaCategories.scss @@ -9,8 +9,9 @@ top: -3rem; padding-bottom: 5rem; margin-bottom: -3rem; - *{ - opacity: 0; + img{ + width: 75%; + display: none; } } @@ -41,4 +42,17 @@ } } } + + /*-768px width*/ + @media (max-width: 768px) { + .nata-bg{ + background-image: none !important; + padding-bottom: 0; + + img{ + display: block; + margin: auto; + } + } + } } diff --git a/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.php b/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.php index a04ae9b..2d9bbf8 100644 --- a/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.php +++ b/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.php @@ -3,6 +3,7 @@ namespace Resources\Views\Segments; use App\Models\Part; +use App\Models\Setting; use App\Models\Slider; class ParallaxSlider @@ -12,12 +13,22 @@ class ParallaxSlider Slider::addData($part->area_name . '_' . $part->part . '_btn','View offer'); Slider::addData($part->area_name . '_' . $part->part . '_link','/'); Slider::addData($part->area_name . '_' . $part->part . '_subtitle','Lorem ipsum dolor sit amet, consectetur adipisicing elit. A adipisci aliquid aspernatur, commodi corporis cupiditate'); + $setting = new Setting(); + $setting->section = 'theme'; + $setting->key = $part->area_name . '_' . $part->part.'_color'; + $setting->value = '#000000'; + $setting->data = json_encode(['name' => 'parallax-color']); + $setting->type = 'COLOR'; + $setting->size = 12; + $setting->title = $part->area_name . ' ' . $part->part .' text color'; + $setting->save(); } public static function onRemove(Part $part = null) { Slider::remData($part->area_name . '_' . $part->part . '_btn'); Slider::remData($part->area_name . '_' . $part->part . '_link'); Slider::remData($part->area_name . '_' . $part->part . '_subtitle'); + Setting::where('key',$part->area_name . '_' . $part->part.'_color')->first()?->delete(); } public static function onMount(Part $part = null) { diff --git a/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.scss b/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.scss index 00dc9d6..757ef92 100644 --- a/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.scss +++ b/resources/views/segments/slider/ParallaxSlider/ParallaxSlider.scss @@ -17,6 +17,7 @@ justify-content: start; width: 100%; height: 750px; + color: var(--parallax-color); } // scss .parallax-slider {