mirror of https://github.com/4xmen/xshop.git
added tal theme part
parent
2f146029c5
commit
3b6a686fbe
@ -0,0 +1,53 @@
|
||||
<section class="TalWaveProducts live-setting" data-live="{{$data->area_name.'_'.$data->part}}">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.5 27.8" preserveAspectRatio="none">
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z"></path>
|
||||
<path fill="{{getSetting($data->area_name.'_'.$data->part.'_color_bg')}}"
|
||||
d="M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z"></path>
|
||||
</svg>
|
||||
|
||||
<div class="content">
|
||||
<div class="{{gfx()['container']}}">
|
||||
<h1>
|
||||
{{getSetting($data->area_name.'_'.$data->part.'_title')}}
|
||||
</h1>
|
||||
<ul class="tal-tab-control">
|
||||
@foreach(getCategorySubCatsBySetting($data->area_name.'_'.$data->part.'_category') as $k => $cat)
|
||||
<li data-id=".cat{{$cat->id}}" @if($k == 0 ) class="active" @endif>
|
||||
{{$cat->name}}
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
@foreach(getCategorySubCatsBySetting($data->area_name.'_'.$data->part.'_category') as $k => $cat)
|
||||
<div class="cat{{$cat->id}} tal-tab mb-4 @if($k == 0 ) active @endif" >
|
||||
<div class="row">
|
||||
|
||||
@foreach($cat->products()->limit(4)->get() as $product)
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="tal-product">
|
||||
@include(\App\Models\Area::where('name','product-grid')->first()->defPart(),compact('product'))
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,16 @@
|
||||
document.addEventListener('DOMContentLoaded',function () {
|
||||
document.querySelectorAll('.tal-tab-control li')?.forEach(function (el) {
|
||||
el.addEventListener('click',function () {
|
||||
el.closest('.content').querySelectorAll('.tal-tab').forEach(function (el2) {
|
||||
el2.style.display = 'none';
|
||||
});
|
||||
el.closest('.content').querySelectorAll('.tal-tab-control li').forEach(function (el2) {
|
||||
el2.classList.remove('active');
|
||||
});
|
||||
el.classList.add('active');
|
||||
el.closest('.content')
|
||||
.querySelector(el.getAttribute('data-id'))
|
||||
.style.display = 'block';
|
||||
});
|
||||
})
|
||||
});
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "TalWaveProducts",
|
||||
"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": []
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
<?php
|
||||
|
||||
namespace Resources\Views\Segments;
|
||||
|
||||
use App\Models\Category;
|
||||
use App\Models\Part;
|
||||
use App\Models\Setting;
|
||||
|
||||
class TalWaveProducts
|
||||
{
|
||||
public static function onAdd(Part $part = null)
|
||||
{
|
||||
|
||||
|
||||
$setting = new Setting();
|
||||
$setting->section = 'theme';
|
||||
$setting->key = $part->area_name . '_' . $part->part.'_title';
|
||||
$setting->value = 'Our 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 = gfx()['primary'];
|
||||
$setting->data = json_encode(['name' => 'tal-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' => 'tal-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;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,58 @@
|
||||
.TalWaveProducts {
|
||||
margin-top: 1rem;
|
||||
// scss
|
||||
overflow-x: hidden;
|
||||
.content{
|
||||
background: var(--tal-bg-color);
|
||||
color: var(--tal-text-color);
|
||||
}
|
||||
|
||||
svg{
|
||||
width: calc(176% + 1.3px);
|
||||
height: 171px;
|
||||
transform: rotateY(180deg) rotateZ(180deg);
|
||||
display: block;
|
||||
left: 50%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1{
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style: none;
|
||||
padding-bottom: 2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
|
||||
li{
|
||||
cursor: pointer;
|
||||
padding: .5rem;
|
||||
border-bottom: 1px solid transparent;
|
||||
&.active{
|
||||
//text-shadow: 3px 3px 0px #000000;
|
||||
border-bottom: 1px solid var(--tal-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tal-tab{
|
||||
display: none;
|
||||
|
||||
&.active{
|
||||
display: block;
|
||||
}
|
||||
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
.xshop-product-item{
|
||||
color: var(--tal-bg-color);
|
||||
background: var(--tal-text-color);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
Loading…
Reference in New Issue