From fe12960c0050e274fb89159211ee27e688c6e13a Mon Sep 17 00:00:00 2001
From: franknstayn <begorniafrankjohn@gmail.com>
Date: Sat, 19 Feb 2022 21:06:12 +0800
Subject: [PATCH] added link carousel

---
 resources/views/merchbay/index.blade.php | 54 +++++++++++++-----------
 1 file changed, 29 insertions(+), 25 deletions(-)

diff --git a/resources/views/merchbay/index.blade.php b/resources/views/merchbay/index.blade.php
index a8b119c..99b4537 100755
--- a/resources/views/merchbay/index.blade.php
+++ b/resources/views/merchbay/index.blade.php
@@ -12,14 +12,17 @@
             top: 60px;
             left: 80px;
         }
-
-        .carousel-item {
+        .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>
+                                    <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,35 +70,36 @@
                             @foreach ($carousel_images as $key => $carousel)
                                 @if ($key == 0)
                                     <div class="carousel-item active" data-bs-interval="10000">
-
-                                        <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 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">
-                                        <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 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
 
 
                             <!-- <div class="carousel-item" data-bs-interval="10000">
-                                        <img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="...">
-                                      </div> -->
+                                                <img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="...">
+                                              </div> -->
                             <!-- <div class="carousel-item" data-bs-interval="10000">
-                                        <img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="...">
-                                      </div> -->
+                                                <img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="...">
+                                              </div> -->
                             {{-- <div class="carousel-item">
                                 <a href="">
                                     <img src="https://crewsportswear.app:5955/DRIVE.jpg" class="d-block w-100" alt="...">