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

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

@@ -12,14 +12,17 @@
top: 60px; top: 60px;
left: 80px; left: 80px;
} }
.carousel-item{
.carousel-item { min-height: 350px;
height: 350px;
}
.carousel-item>a {
min-height: 350px; min-height: 350px;
height: 350px; height: 350px;
position: relative; position: relative;
} }
.carousel-item>img.blurred { .carousel-item>a>img.blurred {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
@@ -50,11 +53,11 @@
<ol class="carousel-indicators"> <ol class="carousel-indicators">
@foreach ($carousel_images as $key => $carousel) @foreach ($carousel_images as $key => $carousel)
@if ($key == 0) @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 @else
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}"></li> <li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}"></li>
@endif @endif
@endforeach @endforeach
{{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></li> {{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></li> --}} <li data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></li> --}}
@@ -67,35 +70,36 @@
@foreach ($carousel_images as $key => $carousel) @foreach ($carousel_images as $key => $carousel)
@if ($key == 0) @if ($key == 0)
<div class="carousel-item active" data-bs-interval="10000"> <div class="carousel-item active" data-bs-interval="10000">
<a href="{{ url('store') }}/{{ $carousel->StoreUrl }}">
<div class="top-image"> <div class="top-image">
<img <img
src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" /> src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" />
</div> </div>
<img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" <img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}"
class="blurred" /> class="blurred" />
</a>
</div> </div>
@else @else
<div class="carousel-item" data-bs-interval="10000"> <div class="carousel-item" data-bs-interval="10000">
<div class="top-image"> <a href="{{ url('store') }}/{{ $carousel->StoreUrl }}">
<img <div class="top-image">
src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" /> <img
</div> src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" />
<img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" </div>
class="blurred" /> <img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}"
class="blurred" />
</a>
</div> </div>
@endif @endif
@endforeach @endforeach
<!-- <div class="carousel-item" data-bs-interval="10000"> <!-- <div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="..."> <img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="...">
</div> --> </div> -->
<!-- <div class="carousel-item" data-bs-interval="10000"> <!-- <div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="..."> <img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="...">
</div> --> </div> -->
{{-- <div class="carousel-item"> {{-- <div class="carousel-item">
<a href=""> <a href="">
<img src="https://crewsportswear.app:5955/DRIVE.jpg" class="d-block w-100" alt="..."> <img src="https://crewsportswear.app:5955/DRIVE.jpg" class="d-block w-100" alt="...">