관리-도구
편집 파일: shop.blade.php
@extends('layouts.appss') @section('content') <!-- .page-title --> <div class="page-title relative"> <div class="paralaximg" data-parallax="scroll" data-image-src="images/gallery/a4.png"> </div> <div class="content"> <div class="container"> <div class="row"> <div class="col-12"> <h3 class="title">Shop</h3> <ul class="breadcrumb"> <li><a href="/">Homepage</a></li> <li>Shop</li> </ul> </div> </div> </div> </div> </div><!-- /.page-title --> <!-- Section product --> <section class="flat-spacing"> <div class="container"> <div class="tf-shop-control"> <div class="tf-control-filter"> <button id="filterShop" class="filterShop tf-btn-filter"><span class="icon icon-filter"></span><span class="text">Filters</span></button> <div class="d-none d-lg-flex shop-sale-text"> <i class="icon icon-checkcircle"></i> <p class="text-caption-1">Filter</p> </div> </div> <ul class="tf-control-layout"> </ul> <div class="tf-control-sorting dropdown"> <p class="d-none d-lg-block text-caption-1">HotOffers:</p> <div class="tf-dropdown-sort btn-select" data-bs-toggle="dropdown"> @php $selectedHotOffer = $hotoffers->firstWhere('hotoff_id', request('hotoffer')); @endphp <span class="text-sort-value"> {{ $selectedHotOffer->hotoffer ?? 'Select Offer' }} </span> <span class="icon icon-down"></span> </div> <ul class="dropdown-menu"> @foreach($hotoffers as $offer) <li> <a href="{{ route('shop', array_merge(request()->query(), ['hotoffer' => $offer->hotoff_id])) }}" class="dropdown-item"> {{ $offer->hotoffer }} </a> </li> @endforeach </ul> </div> </div> <div class="wrapper-control-shop"> <div class="meta-filter-shop"> <div id="product-count-grid" class="count-text"></div> <div id="product-count-list" class="count-text"></div> <div id="applied-filters"></div> <button id="remove-all" class="remove-all-filters text-btn-uppercase" style="display: none;">REMOVE ALL <i class="icon icon-close"></i></button> </div> <div class="row"> <div class="col-xl-3"> <div class="sidebar-filter canvas-filter left"> <div class="canvas-wrapper"> <div class="canvas-header d-flex d-xl-none"> <h5><span class="icon icon-filter"></span>Filters</h5> <span class="icon-close close-filter"></span> </div> <div class="canvas-body"> <div class="widget-facet facet-categories"> <h6 class="facet-title">Product Categories</h6> <ul class="facet-content"> @foreach($categories as $category) <li> <a href="{{ route('shop', array_merge(request()->query(), ['category' => $category->cat_id])) }}" class="link"> {{ $category->category }} </a> </li> @endforeach </ul> </div> </div> <div class="canvas-bottom d-block d-xl-none"> <button id="reset-filter" class="tf-btn btn-border btn-reset">Clear All Filters</button> </div> </div> </div> </div> <div class="col-xl-9"> <!-- desktop View --> <div class="tf-grid-layout wrapper-shop tf-col-3" id="gridLayout"> <!-- card product 1 --> @foreach($shops as $item) @php // If images is an Eloquent Collection, use its helpers; otherwise keep fallback $images = $item->images ?? collect(); // first image (if any): $firstImage = $images->first()->image_url ?? null; // second image (if exists) fallback to firstImage $secondImage = ($images->count() > 1) ? $images->get(1)->image_url : $firstImage; @endphp <div class="card-product style-1 grid"> <div class="card-product-wrapper"> <a href="{{ route('productdetail', $item->id) }}" class="image-wrap"> <img class="lazyload img-product" src="{{ $firstImage ? asset('storage/'.$firstImage) : asset('images/no-image.png') }}" alt="product"> <img class="lazyload img-hover" src="{{ $secondImage ? asset('storage/'.$secondImage) : asset('images/no-image.png') }}" alt="product"> </a> <div class="list-btn-main"> <a href="{{ route('productdetail', $item->id) }}" class="btn-main-product">View Details</a> </div> </div> <div class="card-product-info"> <a href="{{ route('productdetail', $item->id) }}" class="title link">{{ $item->title }}</a> </div> </div> @endforeach </div> </div> </div> </div> </section> <!-- /Section product --> @endsection