Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@extends('layouts.app')
@section('content')
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<div class="container"><li class="breadcrumb-item active text-primary" aria-current="page">Shop</li></div>
</ol>
</nav>
<section class="shop-section text-center py-5">
<div class="head-box text-center mb-5 col-md-12">
{!! option('shops.title') !!}
</div>
<div class="container mt-3 text-center">
<ul class="outer_nav_area">
<li class="listing clickme">
<a href="{{ url('shops') }}" data-tag="one">All</a>
</li>
@foreach($shop_product_categories as $key => $shop_product_category)
@if(count($shop_product_category->childs))
<li class="listing clickme">
<a href="{{ URL::route('shops','?category='.$shop_product_category->name) }}" data-tag="{{$key}}">
{{$shop_product_category->name}} <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
@include('categories/manageChild',['childs' => $shop_product_category->childs])
</li>
@else
<li class="listing clickme">
<a href="{{ URL::route('shops','?category='.$shop_product_category->name) }}" data-tag="{{$key}}">{{$shop_product_category->name}}</a>
</li>
@endif
@endforeach
</ul>
@if(count($shop_products))
<div class="tab-content">
<div class="container tab-pane active" id="home">
<section class="team-section bg-light py-5">
<div class="container">
<div class="row mb-5">
@foreach($shop_products as $shop_product)
<div class="col-md-3 mb-md-0 mb-sm-3">
<div class="shop-box t-bottom box-shadow text-center">
@if($shop_product->image)
<img class="img-fluid" src="{{ Voyager::image($shop_product->image) }}" alt="">
@else
<img class="img-fluid" src="/storage/icon/no-preview-available.jpeg" alt="">
@endif
<h5 class="head-club pt-4 mx-1">8.5" x 11" sheet labels</h5>
{{-- <h3 class="head-club pt-4 px-3">{!! str_limit($shop_product->title,30, '...') !!}</h3> --}}
<p class="decription pt-1 mx-1">8.5" x 11" - repositionable full sheet labels - 100 sheets $45.00</p>
<a href="{{ url('shops') . '/' . $shop_product->slug }}" class="btn btn-primary text-dark float-right mx-4 mt-3 mb-4">View</a>
</div>
</div>
@endforeach
</div>
</div>
</section>
</div>
</div>
@else
<div class="jumbotron text-center mb-5 col-md-12">
<p><strong> No Products Found .. </strong> </p>
</div>
@endif
</div>
</section>
@endsection
@section('javascript')
<script>
$(document).ready(function(){
$('.listing a').click(function(){
$('.listing a').removeClass('activelink');
$(this).addClass('activelink');
var tagid = $(this).data('tag');
$('.list').removeClass('active').addClass('hide');
$('#'+tagid).addClass('active').removeClass('hide');
});
});
</script>
@endsection
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.