FEATURE #1527: add settings for displaying more images per row
This commit is contained in:
@@ -1,19 +1,40 @@
|
||||
<div class="orbit header {{$settings->sliderClass}}" role="region" data-orbit>
|
||||
<div class="orbit {{$settings->sliderClass}}" role="region" data-orbit>
|
||||
<ul class="orbit-container">
|
||||
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span><i
|
||||
class="fa fa-fw fa-2x fa-chevron-left"></i></button>
|
||||
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span><i
|
||||
class="fa fa-fw fa-2x fa-chevron-right"></i></button>
|
||||
<button class="orbit-previous" aria-label="previous">
|
||||
<span class="show-for-sr">Previous Slide</span>
|
||||
<i class="fa fa-fw fa-2x fa-chevron-left"></i>
|
||||
</button>
|
||||
<button class="orbit-next" aria-label="next">
|
||||
<span class="show-for-sr">Next Slide</span>
|
||||
<i class="fa fa-fw fa-2x fa-chevron-right"></i>
|
||||
</button>
|
||||
|
||||
@foreach($images as $i => $image)
|
||||
@include('widgets.orbitSlider.image', ['image' => $image, 'order' => $i])
|
||||
@endforeach
|
||||
@if ($settings->imagePerSlide == 'fullscreen')
|
||||
@foreach($images as $i => $image)
|
||||
<li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
||||
<h2>{{$image->name}}</h2>
|
||||
<h3>{{$image->description}}</h3>
|
||||
<div class="img"
|
||||
style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
|
||||
</li>
|
||||
@endforeach
|
||||
@else
|
||||
@for($i = 0; $i < $slidesCount; $i++)
|
||||
<li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
|
||||
@for ($j = 0; $j < $settings->imagePerSlide; $j++)
|
||||
<div class="column medium-{{$gridNumber}}">
|
||||
<img src="{{config('app.upload_url')}}/{{$images[$j]->filename}}" />
|
||||
</div>
|
||||
@endfor
|
||||
</li>
|
||||
@endfor
|
||||
@endif
|
||||
</ul>
|
||||
<nav class="orbit-bullets">
|
||||
@foreach($images as $i => $image)
|
||||
@for($i = 0; $i < $slidesCount; $i++)
|
||||
<button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
|
||||
|
||||
@endforeach
|
||||
@endfor
|
||||
</nav>
|
||||
|
||||
{!! $settings->code !!}
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
<li class="orbit-slide @if($order == 0)is-active @endif">
|
||||
<h2>{{$image->name}}</h2>
|
||||
<h3>{{$image->description}}</h3>
|
||||
<div class="img" style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
|
||||
</li>
|
||||
Reference in New Issue
Block a user