Mini Shell
Mini Shell
| Direktori : /var/www/html/digiprint/resources/views/ |
| Current File : /var/www/html/digiprint/resources/views/categoryDetails.blade.php |
@extends('layouts.app')
@section('content')
<link rel="stylesheet" href="{{asset('/css/owlcarousel/owl.carousel.min.css')}}">
<link rel="stylesheet" href="{{asset('/css/owlcarousel/owl.theme.default.min.css')}}">
<div class="cmo-page-title">
<div class="vcenter">
<div class="container">
<div class="pull-left page-title-container">
{{$category->name}}
</div>
<div class="pull-right breadcrumbs-container">
<ul class="cmo-breadcrumbs">
<li><a href="{{url('/')}}">Home</a></li>
<li>
<a href="{{'/category/'.$category->parent->slug}}">
{{$category->parent->name}}
</a>
</li>
<li>{{$category->name}}</li>
</ul>
</div>
</div>
</div>
</div>
<div id="main-container">
<div class="page-content container page-page ">
<section class="cmo-mainbar">
<h2 class="hidden"></h2>
<article id="post-3342" class="post-3342 page type-page status-publish hentry">
<div style="background-attachment: scroll !important;" data-vc-full-width="true"
data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1437140672962">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="cmo-section-header wpb_content_element clearfix text-center "
id='cmo-section-header-1'>
<h2 class='heading'>{{$category->name}}</h2>
<div class='separator'>
</div>
<p class='header-text'>
{{$category->short_description}}
</p>
</div>
<div class="vc_empty_space" style="height: 32px">
<span class="vc_empty_space_inner"></span>
</div>
<div class="row">
<div class="col-md-6">
<div id="cmo-header-slider" class="cmo-rev-slider">
<div id="rev_slider_27_1_wrapper"
class="rev_slider_wrapper fullwidthbanner-container"
style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.0.4.1 auto mode -->
<div id="rev_slider_27_1" class="rev_slider fullwidthabanner"
style="display:none;" data-version="5.0.4.1">
<ul>
<!-- SLIDE -->
@foreach($category->media()->where('media_type', \Digiprint\Models\Media::MEDIA_TYPE_IMAGE_GALLERY)->get() as $media)
<li data-index="rs-63" data-transition="random"
data-slotamount="7" data-easein="default"
data-easeout="default" data-masterspeed="300"
data-rotate="0" data-saveperformance="off"
class="rev_dark_bg_overlay" data-title="Slide - 1"
data-description="">
<!-- MAIN IMAGE -->
<img src="{{env('APP_URL') . 'uploads/' . $media->file_name}}"
alt="" data-bgposition="center center"
data-kenburns="on" data-duration="8500"
data-ease="Linear.easeNone" data-scalestart="100"
data-scaleend="105" data-rotatestart="0"
data-rotateend="0" data-offsetstart="0 0"
data-offsetend="0 0" class="rev-slidebg"
data-no-retina>
</li>
@endforeach
</ul>
<div class="tp-bannertimer"
style="height: 5px; background-color: rgba(0, 0, 0, 0.15);">
</div>
</div>
</div>
<!-- END REVOLUTION SLIDER -->
</div>
</div>
<div class="col-md-6">
<div class="categoryMetaInfo">
<h2>{{$category->name}}</h2>
<p>{{$category->description}}</p>
</div>
</div>
</div>
<div class="vc_empty_space" style="height: 64px">
<span class="vc_empty_space_inner"></span>
</div>
<div class="row">
<div class="wpb_wrapper">
<div class="cmo-section-header wpb_content_element clearfix text-center "
id='cmo-section-header-1'>
<h2 class='heading'>Related Products</h2>
<div class='separator'>
</div>
<p class='header-text'>
</p>
</div>
</div>
<div class="col-md-12">
<div class="owl-carousel owl-theme">
@foreach($relatedCategories as $category)
<a href="{{url('/category/'.$category->parent->slug.'/'.$category->slug)}}">
<div class="item">
<img src="{{env('APP_URL') . 'uploads/' . $category->media()->where('media_type', \Digiprint\Models\Media::MEDIA_TYPE_IMAGE_CATEGORY)->first()->file_name}}"
alt="">
<div class="relatedCategoryInfo">
<div class="relatedCategoryName">
<h2>{{$category->name}}</h2>
</div>
<div class="relatedCategoryDescription">
<p>{{$category->short_description}}</p>
</div>
</div>
</div>
</a>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row-full-width">
</div>
</article>
</section>
</div>
</div>
@endsection
@section('script')
<script type="text/javascript">
/******************************************
- PREPARE PLACEHOLDER FOR SLIDER -
******************************************/
var setREVStartSize = function () {
try {
var e = new Object, i = jQuery(window).width(), t = 9999, r = 0, n = 0, l = 0, f = 0, s = 0, h = 0;
e.c = jQuery('#rev_slider_27_1');
e.gridwidth = [1200];
e.gridheight = [1000];
e.sliderLayout = "auto";
if (e.responsiveLevels && (jQuery.each(e.responsiveLevels, function (e, f) {
f > i && (t = r = f, l = e), i > f && f > r && (r = f, n = e)
}), t > r && (l = n)), f = e.gridheight[l] || e.gridheight[0] || e.gridheight, s = e.gridwidth[l] || e.gridwidth[0] || e.gridwidth, h = i / s, h = h > 1 ? 1 : h, f = Math.round(h * f), "fullscreen" == e.sliderLayout) {
var u = (e.c.width(), jQuery(window).height());
if (void 0 != e.fullScreenOffsetContainer) {
var c = e.fullScreenOffsetContainer.split(",");
jQuery.each(c, function (e, i) {
u = jQuery(i).length > 0 ? u - jQuery(i).outerHeight(!0) : u
}), e.fullScreenOffset.split("%").length > 1 && void 0 != e.fullScreenOffset && e.fullScreenOffset.length > 0 ? u -= jQuery(window).height() * parseInt(e.fullScreenOffset, 0) / 100 : void 0 != e.fullScreenOffset && e.fullScreenOffset.length > 0 && (u -= parseInt(e.fullScreenOffset, 0))
}
f = u
} else void 0 != e.minHeight && f < e.minHeight && (f = e.minHeight);
e.c.closest(".rev_slider_wrapper").css({height: f})
} catch (d) {
console.log("Failure at Presize of Slider:" + d)
}
};
setREVStartSize();
var tpj = jQuery;
tpj.noConflict();
var revapi27;
tpj(document).ready(function () {
if (tpj("#rev_slider_27_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_27_1");
} else {
revapi27 = tpj("#rev_slider_27_1").show().revolution({
sliderType: "standard",
jsFileLocation: "http://cumulo.wpengine.com/wp-content/plugins/revslider/public/assets/js/",
sliderLayout: "auto",
dottedOverlay: "none",
delay: 2000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
,
arrows: {
style: "custom",
enable: true,
hide_onmobile: false,
hide_onleave: false,
tmp: '',
left: {
h_align: "left",
v_align: "center",
h_offset: 20,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 20,
v_offset: 0
}
}
,
bullets: {
enable: true,
hide_onmobile: false,
style: "hades",
hide_onleave: false,
direction: "horizontal",
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 20,
space: 5,
tmp: '<span class="tp-bullet-image"></span>'
}
},
gridwidth: 1200,
gridheight: 1000,
lazyType: "none",
shadow: 0,
spinner: "spinner2",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
startWithSlide: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: "off",
}
});
}
/*Carousel slider for related ategories*/
tpj('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
nav: false,
// navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsiveClass: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 4,
loop: true,
margin: 20
}
}
})
});
/*ready*/
</script>
{{--<script src="{{url('/js/jquery.min.js')}}"></script>--}}
<script src="{{url('/js/owlcarousel/app.js')}}"></script>
<script src="{{url('/js/owlcarousel/foundation.min.js')}}"></script>
<script src="{{url('/js/owlcarousel/owl.carousel.min.js')}}"></script>
@endsection