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

update carousel

Browse Source
This commit is contained in:
franknstayn
2022-02-19 20:52:12 +08:00
parent b31007ad96
commit b7e22f4821
3 changed files with 96 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/Http/Controllers/teamstore/TeamStoreController.php
View File

@@ -167,12 +167,15 @@ class TeamStoreController extends Controller
$stores_array = $m->selectTeamstoreFilter($field, $sort_value);
}
$getCarousel = $m->getCarousel();
// var_dump($getCarousel);
$featured_products = $m->selectFeaturedProducts();
return view('merchbay.index')
->with('stores_array', $stores_array)
->with('keyword', $q)
->with('filter', $sort)
->with('carousel_images', $getCarousel)
->with('featured_products', $featured_products);
}

8
app/Models/teamstore/TeamStoreModel.php
View File

@@ -277,6 +277,12 @@ class TeamStoreModel extends Model
FROM payment_details AS pd
INNER JOIN orders AS o ON pd.CartKey = o.CartKey
WHERE pd.UserId = $userid AND o.VoucherId = $voucherid");
return $i;
return $i;
}
function getCarousel()
{
$i = DB::select("SELECT * FROM teamstores WHERE IsActive = 'true' ORDER BY RAND() LIMIT 10");
return $i;
}
}

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

@@ -1,36 +1,106 @@
@extends('merchbay_main')
@section('main-content')
<style>
.fishes {
position: relative;
top: 0;
left: 0;
}
.fish {
position: absolute;
top: 60px;
left: 80px;
}
.carousel-item {
min-height: 350px;
height: 350px;
position: relative;
}
.carousel-item>img.blurred {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(1rem);
}
.top-image {
position: absolute;
z-index: 1;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
width: 100%;
}
.top-image>img {
width: 100%;
}
</style>
<div class="main__carousel">
<div class="">
<div class="row">
<div class="col-lg-12">
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
<div id="carouselExampleDark" class="carousel slide" data-bs-ride="carousel">
{{-- <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel"> --}}
<ol class="carousel-indicators">
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></li>
@foreach ($carousel_images as $key => $carousel)
@if ($key == 0)
<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> --}}
{{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="2"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="3"></li> --}}
</ol>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<a href="">
<img src="https://crewsportswear.app:5955/merchbay/slider/krut-merch.jpg"
class="d-block w-100" alt="...">
</a>
{{-- <div class="carousel-item active" data-bs-interval="10000"> --}}
@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" />
</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" />
</div>
@endif
@endforeach
</div>
<!-- <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> -->
<div class="carousel-item" data-bs-interval="10000">
<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="...">
</a>
</div>
</div> --}}
</div>
<a class="carousel-control-prev" href="#carouselExampleDark" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>