webmaster/merchbay
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

added link carousel

Browse Source
This commit is contained in:
franknstayn
2022-02-19 21:06:12 +08:00
parent b7e22f4821
commit fe12960c00
1 changed files with 29 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/views/merchbay/index.blade.php
View File

@@ -12,14 +12,17 @@
top: 60px;
left: 80px;
}
.carousel-item{
min-height: 350px;
height: 350px;
}
.carousel-item>a {
min-height: 350px;
height: 350px;
position: relative;
}
.carousel-item>img.blurred {
.carousel-item>a>img.blurred {
width: 100%;
height: 100%;
object-fit: cover;
@@ -50,11 +53,11 @@
<ol class="carousel-indicators">
@foreach ($carousel_images as $key => $carousel)
@if ($key == 0)
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}" class="active"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}"
class="active"></li>
@else
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}"></li>
@endif
@endforeach
{{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></li> --}}
@@ -67,24 +70,25 @@
@foreach ($carousel_images as $key => $carousel)
@if ($key == 0)
<div class="carousel-item active" data-bs-interval="10000">
<a href="{{ url('store') }}/{{ $carousel->StoreUrl }}">
<div class="top-image">
<img
src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" />
</div>
<img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}"
class="blurred" />
</a>
</div>
@else
<div class="carousel-item" data-bs-interval="10000">
<a href="{{ url('store') }}/{{ $carousel->StoreUrl }}">
<div class="top-image">
<img
src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" />
</div>
<img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}"
class="blurred" />
</a>
</div>
@endif
@endforeach