Compare commits
2 Commits
097c9f12ee
...
9ec2918fb4
| Author | SHA1 | Date |
|---|---|---|
 Bayu Lukman Yusuf
|
9ec2918fb4 | |
|
Bayu Lukman Yusuf
|
e23744e810 |
|
|
@ -115,7 +115,7 @@ class ProductController extends Controller
|
|||
$productHtml .= '</div>';
|
||||
} else {
|
||||
foreach ($products as $product) {
|
||||
$productHtml .= '<div class="col-6 col-md-4 mb-2 mb-sm-3 mb-md-0">';
|
||||
$productHtml .= '<div class="col">';
|
||||
$productHtml .= view('components.home.product-card', ['product' => $product])->render();
|
||||
$productHtml .= '</div>';
|
||||
}
|
||||
|
|
@ -289,6 +289,8 @@ class ProductController extends Controller
|
|||
break;
|
||||
}
|
||||
|
||||
$params['limit'] = 10;
|
||||
|
||||
$products = $productRepository->getList($params);
|
||||
|
||||
// Render product cards HTML
|
||||
|
|
@ -299,7 +301,80 @@ class ProductController extends Controller
|
|||
$productHtml .= '</div>';
|
||||
} else {
|
||||
foreach ($products as $product) {
|
||||
$productHtml .= '<div class="col mb-2 mb-sm-3 mb-md-0">';
|
||||
$productHtml .= '<div class="col">';
|
||||
$productHtml .= view('components.home.product-card', ['product' => $product])->render();
|
||||
$productHtml .= '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
return response()->json([
|
||||
'success' => true,
|
||||
'products' => $productHtml,
|
||||
'count' => count($products),
|
||||
'type' => $type,
|
||||
]);
|
||||
}
|
||||
|
||||
public function populers(Request $request)
|
||||
{
|
||||
$type = $request->input('type', 'new');
|
||||
$limit = 6;
|
||||
|
||||
$user = auth()->user();
|
||||
$userId = $user ? $user->id : 0;
|
||||
[$location_id, $is_consignment] = Cache::remember('employee_user_'.$userId, 60 * 60 * 24, function () use ($user) {
|
||||
|
||||
if ($user == null) {
|
||||
return [10, false];
|
||||
}
|
||||
|
||||
$employee = @$user->employee;
|
||||
$location_id = @$employee->location_id;
|
||||
$location = @$employee->location;
|
||||
$is_consignment = (bool) @$location->is_consignment;
|
||||
|
||||
return [$location_id, $is_consignment];
|
||||
|
||||
});
|
||||
|
||||
$productRepository = new ProductRepository;
|
||||
|
||||
// Set parameters based on type
|
||||
$params = [
|
||||
'limit' => $limit,
|
||||
'location_id' => $location_id,
|
||||
'is_consignment' => $is_consignment,
|
||||
];
|
||||
|
||||
switch ($type) {
|
||||
case 'new':
|
||||
$params['sort'] = 'new';
|
||||
break;
|
||||
case 'best_sellers':
|
||||
$params['sort'] = 'best_sellers';
|
||||
break;
|
||||
case 'special-offer':
|
||||
$params['event'] = 'special-offer';
|
||||
break;
|
||||
case 'top_rated':
|
||||
$params['sort'] = 'random';
|
||||
break;
|
||||
default:
|
||||
$params['sort'] = 'new';
|
||||
break;
|
||||
}
|
||||
|
||||
$products = $productRepository->getList($params);
|
||||
|
||||
// Render product cards HTML
|
||||
$productHtml = '';
|
||||
if (count($products) == 0) {
|
||||
$productHtml = '<div class="col-12 text-center py-4">';
|
||||
$productHtml .= 'No products found';
|
||||
$productHtml .= '</div>';
|
||||
} else {
|
||||
foreach ($products as $product) {
|
||||
$productHtml .= '<div class="col">';
|
||||
$productHtml .= view('components.home.product-card', ['product' => $product])->render();
|
||||
$productHtml .= '</div>';
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
|
||||
namespace App\Models;
|
||||
|
||||
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
use Illuminate\Database\Eloquent\SoftDeletes;
|
||||
use Storage;
|
||||
|
||||
class Banner extends Model
|
||||
{
|
||||
use HasFactory, SoftDeletes;
|
||||
|
||||
protected $fillable = ["filename","content_id","content_type","caption","is_active"];
|
||||
|
||||
public $appends = ['url'];
|
||||
|
||||
public function getUrlAttribute(){
|
||||
return ($this->filename) ? Storage::disk("public")->url($this->filename): null;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,95 @@
|
|||
<?php
|
||||
|
||||
namespace App\Repositories\Member;
|
||||
|
||||
|
||||
use App\Models\Banner;
|
||||
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Validation\ValidationException;
|
||||
use Carbon\Carbon;
|
||||
use Storage;
|
||||
use Image;
|
||||
|
||||
use Intervention\Image\ImageManager;
|
||||
use Intervention\Image\Drivers\Imagick\Driver;
|
||||
|
||||
|
||||
class BannerRepository
|
||||
{
|
||||
public function getList($params)
|
||||
{
|
||||
$limit = @$params["limit"] ? (int) @$params["limit"] : 10;
|
||||
$sortColumn = @$params["sort"]["column"] ? $params["sort"]["column"] : "id";
|
||||
$sortDir = @$params["sort"]["dir"] ? $params["sort"]["dir"] : "desc";
|
||||
|
||||
return Banner::when(@$params["is_active"], function($query){
|
||||
$query->where("is_active", true);
|
||||
})
|
||||
->when(@$params['search'], function($query) use ($params) {
|
||||
$query->where('caption', 'ilike', '%' . $params['search'] . '%');
|
||||
})
|
||||
->orderBy($sortColumn, $sortDir)
|
||||
->paginate($limit);
|
||||
}
|
||||
|
||||
public function create(array $data)
|
||||
{
|
||||
if(@$data['image']) {
|
||||
$path = $this->storeFile($data['image'], 'banner');
|
||||
$data['filename'] = $path;
|
||||
}
|
||||
|
||||
$item = Banner::create($data);
|
||||
return $item;
|
||||
}
|
||||
|
||||
public function update(Banner $item, array $data)
|
||||
{
|
||||
if(@$data['image']) {
|
||||
Storage::disk('public')->delete($item->filename);
|
||||
$path = $this->storeFile($data['image'], 'banner');
|
||||
$data['filename'] = $path;
|
||||
}
|
||||
$item->update($data);
|
||||
return $item;
|
||||
}
|
||||
|
||||
public function delete(Banner $item)
|
||||
{
|
||||
Storage::disk('public')->delete($item->filename);
|
||||
$item->delete();
|
||||
}
|
||||
|
||||
public function find($column, $value)
|
||||
{
|
||||
$item = Banner::where($column, $value)->firstOrFail();
|
||||
return $item;
|
||||
}
|
||||
|
||||
public function storeFile($file, $dir)
|
||||
{
|
||||
$extension = $file->extension();
|
||||
$filename = '';
|
||||
|
||||
while ($filename == '') {
|
||||
$random = bin2hex(openssl_random_pseudo_bytes(16)) . '.' . $extension;
|
||||
$exists = Storage::disk('public')->exists($dir . '/' . $random);
|
||||
if (!$exists) {
|
||||
$filename = $random;
|
||||
}
|
||||
}
|
||||
$file->storeAs($dir, $filename, "public");
|
||||
|
||||
if (in_array($extension, ['jpg', 'jpeg', 'png'])) {
|
||||
$path = Storage::disk('public')->path($dir . '/' . $filename);
|
||||
|
||||
$manager = new ImageManager(new Driver());
|
||||
$img = $manager->read($path);
|
||||
$img->scale(width: 900);
|
||||
$img->save($path);
|
||||
}
|
||||
|
||||
return $dir . '/' . $filename;
|
||||
}
|
||||
}
|
||||
|
|
@ -2,14 +2,18 @@
|
|||
|
||||
namespace App\View\Components\Home;
|
||||
|
||||
use App\Repositories\Member\BannerRepository;
|
||||
use Closure;
|
||||
use Illuminate\Contracts\View\View;
|
||||
use Illuminate\View\Component;
|
||||
use Illuminate\Support\Facades\Log;
|
||||
|
||||
class HomeSlider extends Component
|
||||
{
|
||||
public function __construct()
|
||||
public $items;
|
||||
public function __construct(BannerRepository $repository)
|
||||
{
|
||||
//
|
||||
$this->items = $repository->getList([]);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -17,6 +21,8 @@ class HomeSlider extends Component
|
|||
*/
|
||||
public function render(): View|Closure|string
|
||||
{
|
||||
return view('components.home.home-slider');
|
||||
return view('components.home.home-slider', [
|
||||
'items' => $this->items
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
"php": "^8.2",
|
||||
"awobaz/compoships": "^2.5",
|
||||
"cviebrock/eloquent-sluggable": "^12.0",
|
||||
"intervention/image": "^3.11",
|
||||
"laravel/framework": "^12.0",
|
||||
"laravel/socialite": "^5.24",
|
||||
"laravel/tinker": "^2.10.1",
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
|
||||
"This file is @generated automatically"
|
||||
],
|
||||
"content-hash": "d0b608eb451d87c58e31559913a4b6db",
|
||||
"content-hash": "132ddb45d6897d4128994f20e18e0e96",
|
||||
"packages": [
|
||||
{
|
||||
"name": "awobaz/compoships",
|
||||
|
|
@ -1326,6 +1326,150 @@
|
|||
],
|
||||
"time": "2025-02-03T10:55:03+00:00"
|
||||
},
|
||||
{
|
||||
"name": "intervention/gif",
|
||||
"version": "4.2.4",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/Intervention/gif.git",
|
||||
"reference": "c3598a16ebe7690cd55640c44144a9df383ea73c"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/Intervention/gif/zipball/c3598a16ebe7690cd55640c44144a9df383ea73c",
|
||||
"reference": "c3598a16ebe7690cd55640c44144a9df383ea73c",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"php": "^8.1"
|
||||
},
|
||||
"require-dev": {
|
||||
"phpstan/phpstan": "^2.1",
|
||||
"phpunit/phpunit": "^10.0 || ^11.0 || ^12.0",
|
||||
"slevomat/coding-standard": "~8.0",
|
||||
"squizlabs/php_codesniffer": "^3.8"
|
||||
},
|
||||
"type": "library",
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Intervention\\Gif\\": "src"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Oliver Vogel",
|
||||
"email": "oliver@intervention.io",
|
||||
"homepage": "https://intervention.io/"
|
||||
}
|
||||
],
|
||||
"description": "Native PHP GIF Encoder/Decoder",
|
||||
"homepage": "https://github.com/intervention/gif",
|
||||
"keywords": [
|
||||
"animation",
|
||||
"gd",
|
||||
"gif",
|
||||
"image"
|
||||
],
|
||||
"support": {
|
||||
"issues": "https://github.com/Intervention/gif/issues",
|
||||
"source": "https://github.com/Intervention/gif/tree/4.2.4"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
"url": "https://paypal.me/interventionio",
|
||||
"type": "custom"
|
||||
},
|
||||
{
|
||||
"url": "https://github.com/Intervention",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://ko-fi.com/interventionphp",
|
||||
"type": "ko_fi"
|
||||
}
|
||||
],
|
||||
"time": "2026-01-04T09:27:23+00:00"
|
||||
},
|
||||
{
|
||||
"name": "intervention/image",
|
||||
"version": "3.11.6",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/Intervention/image.git",
|
||||
"reference": "5f6d27d9fd56312c47f347929e7ac15345c605a1"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/Intervention/image/zipball/5f6d27d9fd56312c47f347929e7ac15345c605a1",
|
||||
"reference": "5f6d27d9fd56312c47f347929e7ac15345c605a1",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"ext-mbstring": "*",
|
||||
"intervention/gif": "^4.2",
|
||||
"php": "^8.1"
|
||||
},
|
||||
"require-dev": {
|
||||
"mockery/mockery": "^1.6",
|
||||
"phpstan/phpstan": "^2.1",
|
||||
"phpunit/phpunit": "^10.0 || ^11.0 || ^12.0",
|
||||
"slevomat/coding-standard": "~8.0",
|
||||
"squizlabs/php_codesniffer": "^3.8"
|
||||
},
|
||||
"suggest": {
|
||||
"ext-exif": "Recommended to be able to read EXIF data properly."
|
||||
},
|
||||
"type": "library",
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Intervention\\Image\\": "src"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Oliver Vogel",
|
||||
"email": "oliver@intervention.io",
|
||||
"homepage": "https://intervention.io"
|
||||
}
|
||||
],
|
||||
"description": "PHP Image Processing",
|
||||
"homepage": "https://image.intervention.io",
|
||||
"keywords": [
|
||||
"gd",
|
||||
"image",
|
||||
"imagick",
|
||||
"resize",
|
||||
"thumbnail",
|
||||
"watermark"
|
||||
],
|
||||
"support": {
|
||||
"issues": "https://github.com/Intervention/image/issues",
|
||||
"source": "https://github.com/Intervention/image/tree/3.11.6"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
"url": "https://paypal.me/interventionio",
|
||||
"type": "custom"
|
||||
},
|
||||
{
|
||||
"url": "https://github.com/Intervention",
|
||||
"type": "github"
|
||||
},
|
||||
{
|
||||
"url": "https://ko-fi.com/interventionphp",
|
||||
"type": "ko_fi"
|
||||
}
|
||||
],
|
||||
"time": "2025-12-17T13:38:29+00:00"
|
||||
},
|
||||
{
|
||||
"name": "laravel/framework",
|
||||
"version": "v12.21.0",
|
||||
|
|
@ -8942,12 +9086,12 @@
|
|||
],
|
||||
"aliases": [],
|
||||
"minimum-stability": "stable",
|
||||
"stability-flags": [],
|
||||
"stability-flags": {},
|
||||
"prefer-stable": true,
|
||||
"prefer-lowest": false,
|
||||
"platform": {
|
||||
"php": "^8.2"
|
||||
},
|
||||
"platform-dev": [],
|
||||
"plugin-api-version": "2.6.0"
|
||||
"platform-dev": {},
|
||||
"plugin-api-version": "2.9.0"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@
|
|||
name="birth_date"
|
||||
data-datepicker='{
|
||||
"dateFormat": "Y-m-d",
|
||||
"defaultDate": "{{ auth()->user()->customer->date_of_birth != null ? date('Y-m-d', strtotime(auth()->user()->customer->date_of_birth)) : '' }}"
|
||||
"defaultDate": "{{ auth()->user()->customer?->date_of_birth != null ? date('Y-m-d', strtotime(auth()->user()->customer->date_of_birth)) : '' }}"
|
||||
}'
|
||||
placeholder="{{ __('account_info.choose_date') }}" type="text" />
|
||||
<i class="ci-calendar position-absolute top-50 end-0 translate-middle-y me-3"></i>
|
||||
|
|
|
|||
|
|
@ -22,20 +22,28 @@
|
|||
"placeholder": true
|
||||
},
|
||||
{
|
||||
"value": "inprogress",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-info rounded-circle p-1 me-2\"></span>In progress</div>"
|
||||
"value": "wait_payment",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-warning rounded-circle p-1 me-2\"></span>{{ __('order.status.wait_payment') }}</div>"
|
||||
},
|
||||
{
|
||||
"value": "delivered",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-success rounded-circle p-1 me-2\"></span>Delivered</div>"
|
||||
"value": "wait_process",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-info rounded-circle p-1 me-2\"></span>{{ __('order.status.wait_process') }}</div>"
|
||||
},
|
||||
{
|
||||
"value": "canceled",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-danger rounded-circle p-1 me-2\"></span>Canceled</div>"
|
||||
"value": "on_process",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-primary rounded-circle p-1 me-2\"></span>{{ __('order.status.on_process') }}</div>"
|
||||
},
|
||||
{
|
||||
"value": "delayed",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-warning rounded-circle p-1 me-2\"></span>Delayed</div>"
|
||||
"value": "on_delivery",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-success rounded-circle p-1 me-2\"></span>{{ __('order.status.on_delivery') }}</div>"
|
||||
},
|
||||
{
|
||||
"value": "closed",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-success rounded-circle p-1 me-2\"></span>{{ __('order.status.closed') }}</div>"
|
||||
},
|
||||
{
|
||||
"value": "cancelled",
|
||||
"label": "<div class=\"d-flex align-items-center text-nowrap\"><span class=\"bg-danger rounded-circle p-1 me-2\"></span>Cancelled</div>"
|
||||
}
|
||||
]
|
||||
}'
|
||||
|
|
@ -113,13 +121,13 @@
|
|||
class="d-flex align-items-center justify-content-end position-relative gap-1 gap-sm-2 ms-n2 ms-sm-0">
|
||||
|
||||
|
||||
@foreach ($order->details->take(3) as $detail)
|
||||
@foreach ($order->details->take(1) as $detail)
|
||||
<span><img alt="Thumbnail" src="{{ $detail->reference->item->image_url ?? '' }}"
|
||||
width="50" /></span>
|
||||
@endforeach
|
||||
@if ($order->details->count() > 3)
|
||||
<span class="fw-medium me-1">+{{ $order->details->count() - 3 }}</span>
|
||||
@endif
|
||||
{{-- @if ($order->details->count() > 1)
|
||||
<span class="fw-medium me-1">+{{ $order->details->count() - 1 }}</span>
|
||||
@endif --}}
|
||||
<a aria-controls="orderDetails_{{ $order->id }}" aria-label="Show order details"
|
||||
class="btn btn-icon btn-ghost btn-secondary stretched-link border-0"
|
||||
data-bs-toggle="offcanvas" href="#orderDetails_{{ $order->id }}">
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
}
|
||||
|
||||
// Make AJAX request for popular products
|
||||
fetch('{{ route("product.ajax.highlights") }}?type=best_sellers&limit=6')
|
||||
fetch('{{ route("product.ajax.populers") }}?type=best_sellers&limit=6')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success && data.products) {
|
||||
|
|
@ -167,8 +167,13 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
price.className = 'h6 mb-0';
|
||||
price.textContent = productPrice ? productPrice.textContent : '$0.00';
|
||||
|
||||
const name = document.createElement('div');
|
||||
name.className = 'text-truncate mb-1';
|
||||
name.textContent = productLink ? productLink.textContent.trim() : 'Product Name';
|
||||
|
||||
link.appendChild(span);
|
||||
navDiv.appendChild(link);
|
||||
navDiv.appendChild(name);
|
||||
navDiv.appendChild(price);
|
||||
listItem.appendChild(img);
|
||||
listItem.appendChild(navDiv);
|
||||
|
|
|
|||
|
|
@ -1,84 +1,46 @@
|
|||
<section class="bg-body-tertiary">
|
||||
<div class="container">
|
||||
<div class="container" style="padding-top:24px;">
|
||||
<div class="row">
|
||||
|
||||
<!-- Titles master slider -->
|
||||
<div class="col-md-6 col-lg-5 d-flex flex-column">
|
||||
<div class="py-4 mt-auto">
|
||||
<div class="swiper pb-1 pt-3 pt-sm-4 py-md-4 py-lg-3"
|
||||
|
||||
<!-- Linked images (controlled slider) -->
|
||||
<div class="col-12">
|
||||
<div class="position-relative ms-md-n4">
|
||||
<div class="ratio" style="--cz-aspect-ratio: calc(9 / 17 * 100%)"></div>
|
||||
<div class="swiper position-absolute top-0 start-0 w-100 user-select-none"
|
||||
id="heroImages"
|
||||
data-swiper='{
|
||||
"spaceBetween": 24,
|
||||
"loop": true,
|
||||
"speed": 400,
|
||||
"controlSlider": "#heroImages",
|
||||
"pagination": {
|
||||
"el": "#sliderBullets",
|
||||
"clickable": true
|
||||
},
|
||||
"autoplay": {
|
||||
"delay": 5500,
|
||||
"disableOnInteraction": false
|
||||
}
|
||||
}'>
|
||||
<div class="swiper-wrapper align-items-center">
|
||||
|
||||
<!-- Item -->
|
||||
<div class="swiper-slide text-center text-md-start">
|
||||
<p class="fs-xl mb-2 mb-lg-3 mb-xl-4">{{ __('home_slider.new_collection') }}</p>
|
||||
<h2 class="display-4 text-uppercase mb-4 mb-xl-5">{!! __('home_slider.new_fall_season') !!}</h2>
|
||||
<a class="btn btn-lg btn-outline-dark" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
|
||||
{{ __('home_slider.shop_now') }}
|
||||
<i class="ci-arrow-up-right fs-lg ms-2 me-n1"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Item -->
|
||||
<div class="swiper-slide text-center text-md-start">
|
||||
<p class="fs-xl mb-2 mb-lg-3 mb-xl-4">{{ __('home_slider.ready_for_party') }}</p>
|
||||
<h2 class="display-4 text-uppercase mb-4 mb-xl-5">{{ __('home_slider.choose_outfits') }}</h2>
|
||||
<a class="btn btn-lg btn-outline-dark" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
|
||||
{{ __('home_slider.shop_now') }}
|
||||
<i class="ci-arrow-up-right fs-lg ms-2 me-n1"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
"spaceBetween": 24,
|
||||
"loop": true,
|
||||
"speed": 400,
|
||||
"controlSlider": "#heroImages",
|
||||
"pagination": {
|
||||
"el": "#sliderBullets",
|
||||
"clickable": true
|
||||
},
|
||||
"autoplay": {
|
||||
"delay": 5500,
|
||||
"disableOnInteraction": false
|
||||
}
|
||||
}'>
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($items as $item)
|
||||
<div class="swiper-slide">
|
||||
<img src="{{ env('WMS_ASSET_URL') . '/' .$item->filename }}" class="w-100"
|
||||
alt="Image">
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slider bullets (pagination) -->
|
||||
<!-- Slider bullets (pagination) -->
|
||||
<div
|
||||
class="d-flex justify-content-center justify-content-md-start pb-4 pb-xl-5 mt-n1 mt-md-auto mb-md-3 mb-lg-4">
|
||||
<div class="swiper-pagination position-static w-auto pb-1" id="sliderBullets"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Linked images (controlled slider) -->
|
||||
<div class="col-md-6 col-lg-7 align-self-end">
|
||||
<div class="position-relative ms-md-n4">
|
||||
<div class="ratio" style="--cz-aspect-ratio: calc(662 / 770 * 100%)"></div>
|
||||
<div class="swiper position-absolute top-0 start-0 w-100 h-100 user-select-none"
|
||||
id="heroImages"
|
||||
data-swiper='{
|
||||
"allowTouchMove": false,
|
||||
"loop": true,
|
||||
"effect": "fade",
|
||||
"fadeEffect": {
|
||||
"crossFade": true
|
||||
}
|
||||
}'>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="{{ asset('img/home/banner.png') }}" class="rtl-flip"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="{{ asset('img/home/stick.png') }}" class="rtl-flip"
|
||||
alt="Image">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -78,16 +78,16 @@
|
|||
</div>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 gy-4 gy-md-5 pb-xxl-3" id="product-highlights-container">
|
||||
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-5 g-3" id="product-highlights-container">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="text-center py-5 d-none" id="product-highlights-loading">
|
||||
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 gy-4 gy-md-5 pb-xxl-3">
|
||||
@for ($i = 1; $i <= 8; $i++)
|
||||
<div class="col-6 col-md-4 mb-2 mb-sm-3 mb-md-0">
|
||||
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-5 g-3">
|
||||
@for ($i = 1; $i <= 10; $i++)
|
||||
<div class="col">
|
||||
<div class="shimmer-wrapper-highlight">
|
||||
<div class="shimmer">
|
||||
<div class="shimmer-content rounded">
|
||||
|
|
|
|||
|
|
@ -487,7 +487,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gy-4 gy-md-5 pb-4 pb-md-5" id="products-container">
|
||||
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3" id="products-container">
|
||||
<!-- Products will be loaded here via AJAX -->
|
||||
</div>
|
||||
{{-- <div class="col-12 col-md-8 mb-2 mb-sm-3 mb-md-0">
|
||||
|
|
@ -544,70 +544,7 @@
|
|||
|
||||
|
||||
<!-- Instagram feed -->
|
||||
<section class="container pt-5 mt-2 mt-sm-3 mt-lg-4 mt-xl-5">
|
||||
<div class="text-center pb-2 pb-md-3">
|
||||
<h2 class="pb-2 mb-1">
|
||||
<span class="animate-underline">
|
||||
<a class="animate-target text-dark-emphasis text-decoration-none" href="#!">#AsiaGolf</a>
|
||||
</span>
|
||||
</h2>
|
||||
<p>Find more inspiration on our Instagram</p>
|
||||
</div>
|
||||
<div class="overflow-x-auto pb-3 mb-n3" data-simplebar>
|
||||
<div class="d-flex gap-2 gap-md-3 gap-lg-4" style="min-width: 700px">
|
||||
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
|
||||
href="#!">
|
||||
<span
|
||||
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
|
||||
<i
|
||||
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
|
||||
<div class="hover-effect-target ratio ratio-1x1">
|
||||
<img src="/img/instagram/01.jpg" alt="Instagram image">
|
||||
</div>
|
||||
</a>
|
||||
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
|
||||
href="#!">
|
||||
<span
|
||||
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
|
||||
<i
|
||||
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
|
||||
<div class="hover-effect-target ratio ratio-1x1">
|
||||
<img src="/img/instagram/02.jpg" alt="Instagram image">
|
||||
</div>
|
||||
</a>
|
||||
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
|
||||
href="#!">
|
||||
<span
|
||||
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
|
||||
<i
|
||||
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
|
||||
<div class="hover-effect-target ratio ratio-1x1">
|
||||
<img src="/img/instagram/03.jpg" alt="Instagram image">
|
||||
</div>
|
||||
</a>
|
||||
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
|
||||
href="#!">
|
||||
<span
|
||||
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
|
||||
<i
|
||||
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
|
||||
<div class="hover-effect-target ratio ratio-1x1">
|
||||
<img src="/img/instagram/04.jpg" alt="Instagram image">
|
||||
</div>
|
||||
</a>
|
||||
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
|
||||
href="#!">
|
||||
<span
|
||||
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
|
||||
<i
|
||||
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
|
||||
<div class="hover-effect-target ratio ratio-1x1">
|
||||
<img src="/img/instagram/05.jpg" alt="Instagram image">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<x-home.instagram-feed />
|
||||
</main>
|
||||
|
||||
@include('layouts.partials.footer2')
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@ Route::get('/', [HomeController::class, 'index'])->name('home');
|
|||
|
||||
Route::get('/products', [ProductController::class, 'index'])->name('product.index');
|
||||
Route::get('/products/ajax', [ProductController::class, 'ajax'])->name('product.ajax');
|
||||
Route::get('/products/ajax/populers', [ProductController::class, 'populers'])->name('product.ajax.populers');
|
||||
Route::get('/products/ajax/highlights', [ProductController::class, 'highlights'])->name('product.ajax.highlights');
|
||||
Route::get('/products/ajax/brands', [ProductController::class, 'brands'])->name('product.ajax.brands');
|
||||
Route::get('/products/ajax/categories', [ProductController::class, 'categories'])->name('product.ajax.categories');
|
||||
|
|
|
|||
Loading…
Reference in New Issue