Initial Commit
This commit is contained in:
@@ -0,0 +1,108 @@
|
||||
<style>
|
||||
tbody#orderTableBody>tr>td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.panel-design-details{
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }}</h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form id="frm-order-list">
|
||||
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
|
||||
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
|
||||
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
|
||||
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
|
||||
|
||||
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>#</th> -->
|
||||
<th class="col-md-4">Name</th>
|
||||
<th class="col-md-2">Number</th>
|
||||
<th class="col-md-3">Jersey Size</th>
|
||||
<th class="col-md-3">Shorts Size</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-1">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<!-- <input type="text" name="order_numbers[]" id="order_numbers" class="form-control input-sm inputName" placeholder="Number"> -->
|
||||
<select class="form-control input-sm roster-input" name="order_number[]" id="order_number">
|
||||
<option value="none">none</option>
|
||||
@for($i = 0; $i <= 99; $i++)
|
||||
<option value="{{ $i }}">{{ $i }}</option>
|
||||
@endfor
|
||||
<option value="00">00</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_jersey_size[]" id="order_jersey_size_1" data-row-number="1">
|
||||
<option value="none">none</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td style="border-right: 1px solid #ddd;">
|
||||
<select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" id="order_shorts_size_1" data-row-number="1">
|
||||
<option value="none">none</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td id="action-column" class="text-center" style="padding: 4px !important; border-top: none">
|
||||
<span class="tr-remove-btn">
|
||||
<button type="button" id="addNewRow" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- <hr class="hr-design"> -->
|
||||
<div id="displayqty"></div>
|
||||
<br>
|
||||
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spacer-top"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="productDescription">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>
|
||||
{{ $product_array[0]->ProductDescription }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,77 @@
|
||||
<style>
|
||||
tbody#orderTableBody>tr>td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.panel-design-details{
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }}</h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form id="frm-order-list">
|
||||
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
|
||||
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
|
||||
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
|
||||
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
|
||||
|
||||
<!-- <div class="panel-design-details" id="orderListPanel">
|
||||
|
||||
</div> -->
|
||||
<div class="form-group">
|
||||
<label class="control-label">Quantity <span class="required">*</span></label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-minus"></span>
|
||||
</button>
|
||||
</span>
|
||||
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-plus"></span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <hr class="hr-design"> -->
|
||||
<div id="displayqty"></div>
|
||||
<br>
|
||||
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spacer-top"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="productDescription">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>
|
||||
{{ $product_array[0]->ProductDescription }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,91 @@
|
||||
<style>
|
||||
tbody#orderTableBody>tr>td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.panel-design-details{
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }}</h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form id="frm-order-list">
|
||||
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
|
||||
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
|
||||
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
|
||||
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
|
||||
|
||||
<!-- <div class="panel-design-details" id="orderListPanel">
|
||||
|
||||
</div> -->
|
||||
<div class="form-group">
|
||||
<label class="control-label">Size <span class="required">*</span></label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<select class="form-control input-sm cls-uniformSize" name="uniformSize" data-error="#err-uniformSize" required >
|
||||
<option value="">Select Size</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<span id="err-uniformSize" style="color: #dd4b39"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label">Quantity <span class="required">*</span></label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-minus"></span>
|
||||
</button>
|
||||
</span>
|
||||
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-plus"></span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <hr class="hr-design"> -->
|
||||
<div id="displayqty"></div>
|
||||
<br>
|
||||
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spacer-top"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="productDescription">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>
|
||||
{{ $product_array[0]->ProductDescription }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
155
resources/views/teamstore-sublayouts/index.blade.php
Normal file
155
resources/views/teamstore-sublayouts/index.blade.php
Normal file
@@ -0,0 +1,155 @@
|
||||
@extends('teamstore-layout.main')
|
||||
@section('content')
|
||||
<style>
|
||||
h2 {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
}
|
||||
/* h2:after {
|
||||
display: inline-block;
|
||||
margin: 0 0 8px 20px;
|
||||
height: 3px;
|
||||
content: " ";
|
||||
text-shadow: none;
|
||||
background-color: #000;
|
||||
width: 140px;
|
||||
}
|
||||
h2:before {
|
||||
display: inline-block;
|
||||
margin: 0 20px 8px 0;
|
||||
height: 3px;
|
||||
content: " ";
|
||||
text-shadow: none;
|
||||
background-color: #000;
|
||||
width: 140px;
|
||||
} */
|
||||
h4{
|
||||
font-weight: 600;
|
||||
}
|
||||
p{
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.price{
|
||||
font-size: 25px;
|
||||
margin: 0 auto;
|
||||
color: #333;
|
||||
}
|
||||
.right{
|
||||
float:right;
|
||||
border-bottom: 2px solid #4B8E4B;
|
||||
}
|
||||
.thumbnail{
|
||||
/* opacity:0.70; */
|
||||
-webkit-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.thumbnail:hover{
|
||||
opacity:1.00;
|
||||
box-shadow: 0px 0px 10px #4bc6ff;
|
||||
}
|
||||
.line{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.thumbnail>img{
|
||||
height:201.84px;
|
||||
}
|
||||
@media screen and (max-width: 770px) {
|
||||
.right{
|
||||
float:left;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 768px){
|
||||
.container .jumbotron, .container-fluid .jumbotron {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
.container .jumbotron, .container-fluid .jumbotron{
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
.jumbotron {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
|
||||
background-color: #f3f3f3;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
.store-name{
|
||||
|
||||
background-color: #ffffff;
|
||||
position: absolute;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="jumbotron">
|
||||
<!-- <div class="store-name">
|
||||
<h4><img src="https://img.icons8.com/ios/40/000000/online-store-filled.png"> {{ $store_array[0]->StoreName }}</h4>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2>FEATURED PRODUCT</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- BEGIN PRODUCTS -->
|
||||
|
||||
@foreach($product_array as $i => $product)
|
||||
@if($product->PrivacyStatus == "public")
|
||||
@foreach($thumbnails as $t => $thumb)
|
||||
@if($thumb['product_id'] == $product->Id)
|
||||
@define $storeFolder = $thumb['folder']
|
||||
@define $filename = $thumb['thumb']
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<span class="thumbnail">
|
||||
<img src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
|
||||
<h4>{{ $product->ProductName }}</h4>
|
||||
<!-- (w/ Shorts) -->
|
||||
<!-- <div class="ratings">
|
||||
<span class="glyphicon glyphicon-star"></span>
|
||||
<span class="glyphicon glyphicon-star"></span>
|
||||
<span class="glyphicon glyphicon-star"></span>
|
||||
<span class="glyphicon glyphicon-star"></span>
|
||||
<span class="glyphicon glyphicon-star-empty"></span>
|
||||
</div> -->
|
||||
|
||||
<!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> -->
|
||||
<hr class="line">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<p class="price">$ {{ $product->ProductPrice }}</p>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<a href="{{ url('teamstore') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}" class="btn btn-success right" > View Details</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
<!-- END PRODUCTS -->
|
||||
|
||||
</div>
|
||||
</div> <!-- cotainer -->
|
||||
@endsection
|
||||
39
resources/views/teamstore-sublayouts/login.blade.php
Normal file
39
resources/views/teamstore-sublayouts/login.blade.php
Normal file
@@ -0,0 +1,39 @@
|
||||
@extends('app')
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="text-center">
|
||||
Team Store Login
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
@if (\Session::has('errors'))
|
||||
<div class="alert alert-danger">
|
||||
<strong>Whoops!</strong> {!! \Session::get('errors') !!}.<br><br>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="teamstore/checkpassword">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
216
resources/views/teamstore-sublayouts/product-details.blade.php
Normal file
216
resources/views/teamstore-sublayouts/product-details.blade.php
Normal file
@@ -0,0 +1,216 @@
|
||||
@extends('teamstore-layout.main')
|
||||
@section('content')
|
||||
<style>
|
||||
|
||||
p{
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.price{
|
||||
font-size: 25px;
|
||||
margin: 0 auto;
|
||||
color: #333;
|
||||
}
|
||||
.right{
|
||||
float:right;
|
||||
border-bottom: 2px solid #4B8E4B;
|
||||
}
|
||||
.thumbnail{
|
||||
/* opacity:0.70; */
|
||||
-webkit-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
/* .thumbnail:hover{
|
||||
opacity:1.00;
|
||||
box-shadow: 0px 0px 10px #4bc6ff;
|
||||
} */
|
||||
.line{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media screen and (max-width: 770px) {
|
||||
.right{
|
||||
float:left;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.product-thumbnails {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
position: relative;
|
||||
border : 1px solid #999;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.product-thumbnails > img {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
/* one by one slider */
|
||||
|
||||
.multi-item-carousel .carousel-inner>.item,
|
||||
.multi-item-carousel-clipart .carousel-inner>.item {
|
||||
-webkit-transition: 200ms ease-in-out left;
|
||||
transition: 200ms ease-in-out left;
|
||||
}
|
||||
|
||||
.multi-item-carousel .carousel-inner .active.left {
|
||||
left: -25%;
|
||||
}
|
||||
|
||||
.multi-item-carousel .carousel-inner .active.right,
|
||||
.multi-item-carousel-clipart .carousel-inner .active.right {
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.multi-item-carousel .carousel-inner .next,
|
||||
.multi-item-carousel-clipart .carousel-inner .next {
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.multi-item-carousel .carousel-inner .prev,
|
||||
.multi-item-carousel-clipart .carousel-inner .prev {
|
||||
left: -25%;
|
||||
}
|
||||
|
||||
@media all and (transform-3d),
|
||||
(-webkit-transform-3d) {
|
||||
.multi-item-carousel .carousel-inner>.item {
|
||||
-webkit-transition: 200ms ease-in-out all;
|
||||
transition: 200ms ease-in-out all;
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible;
|
||||
-webkit-transform: none!important;
|
||||
transform: none!important;
|
||||
}
|
||||
}
|
||||
|
||||
.multi-item-carousel .carouse-control.left,
|
||||
.multi-item-carousel .carouse-control.right {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.carousel-inner>.item>a>img,
|
||||
.carousel-inner>.item>img,
|
||||
.img-responsive,
|
||||
.thumbnail a>img,
|
||||
.thumbnail>img {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.carousel-control.left,
|
||||
.carousel-control.right {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.carousel-control.left {
|
||||
margin-left: -35px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.carousel-control.right {
|
||||
margin-right: -35px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
width: 0%;
|
||||
}
|
||||
|
||||
.custom-chevron-left,
|
||||
.custom-chevron-right {
|
||||
color: grey;
|
||||
}
|
||||
/* end single carousel*/
|
||||
|
||||
.hide-bullets {
|
||||
list-style:none;
|
||||
margin-left: -40px;
|
||||
margin-top:20px;
|
||||
}
|
||||
.spacer-top{
|
||||
margin-top: 40px;
|
||||
}
|
||||
.roster-input{
|
||||
border-radius: 0px;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
}
|
||||
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.btn-roster-action{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.btn-group-sm>.btn, .btn-roster-action {
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
|
||||
vertical-align: unset;
|
||||
}
|
||||
|
||||
.table>thead>tr>th{
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{{ url('teamstore') }}/{{ $store_array[0]->StoreUrl }}">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ $product_array[0]->ProductName }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- BEGIN PRODUCTS -->
|
||||
|
||||
<div class="col-md-5 col-sm-5">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<img id="main-thumbnail" class="img img-responsive product-center" style="height:287px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr class="line">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets">
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
<li class="col-sm-3 col-xs-3">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}">
|
||||
<img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-7 col-sm-7">
|
||||
@include('teamstore-sublayouts.forms.'.$product_array[0]->ProductForm)
|
||||
</div>
|
||||
<!-- END PRODUCTS -->
|
||||
</div> <!-- container -->
|
||||
</div>
|
||||
@endsection
|
||||
48
resources/views/teamstore-sublayouts/stores.blade.php
Normal file
48
resources/views/teamstore-sublayouts/stores.blade.php
Normal file
@@ -0,0 +1,48 @@
|
||||
@extends('app')
|
||||
@section('content')
|
||||
|
||||
<style>
|
||||
a.thumbnail>img {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.hide-bullets {
|
||||
list-style:none;
|
||||
margin-left: -40px;
|
||||
margin-top:20px;
|
||||
}
|
||||
.thumbnail{
|
||||
border: none;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.li-custom{
|
||||
padding:10px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h2 class="col-xs-12">Team Stores</h2>
|
||||
</div><!-- /row -->
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<div class="row hidden-xs" id="slider-thumbs">
|
||||
<!-- Bottom switcher of slider -->
|
||||
<ul class="hide-bullets">
|
||||
|
||||
@foreach ($stores_array as $store)
|
||||
<li class="li-custom col-sm-3">
|
||||
<div style="border: 1px solid #dddddd;">
|
||||
<a class="thumbnail" href="{{ url('teamstore') . '/' . $store->StoreUrl }}">
|
||||
<img src="{{asset('public/images/teamstore') . '/' . $store->StoreUrl . '/' . $store->StoreLogo }}">
|
||||
</a>
|
||||
<h4 style="border-top: 1px solid #dddddd; padding: 10px;" class="text-center">{{ $store->StoreName }}</h4>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- /col -->
|
||||
</div><!-- /row -->
|
||||
</div><!-- /container -->
|
||||
@endsection
|
||||
Reference in New Issue
Block a user