crewsportswear update as of 3_18_19
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
<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>
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
<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 }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></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-6">Name</th>
|
||||
<th class="col-md-5">Number</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 id="action-column" class="text-center" style="padding: 4px !important; border-top: none">
|
||||
<span class="tr-remove-btn">
|
||||
<button type="button" id="addNewRow_name_and_number" 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,99 @@
|
||||
<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 }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></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-5">Name</th>
|
||||
<th class="col-md-3">Number</th>
|
||||
<th class="col-md-3">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_size[]" id="order_jersey_size_1" data-row-number="1">
|
||||
@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_name_number_size" 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>
|
||||
@@ -10,7 +10,7 @@
|
||||
<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>
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<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>
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
@@ -81,6 +81,9 @@
|
||||
padding-bottom: 20px;
|
||||
background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
|
||||
background-color: #f3f3f3;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
@@ -91,6 +94,22 @@
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 200px) {
|
||||
.jumbotron { height: 50px; }
|
||||
}
|
||||
|
||||
@media (min-width: 400px) {
|
||||
.jumbotron { height: 57px; }
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.jumbotron { height: 100px; }
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.jumbotron { height: 128px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
@@ -105,7 +124,7 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2>FEATURED PRODUCT</h2>
|
||||
<h2>FEATURED PRODUCTS</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
@@ -122,8 +141,10 @@
|
||||
|
||||
<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>
|
||||
<a href="{{ url('teamstore') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}">
|
||||
<img style="height: 201.84px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
|
||||
</a>
|
||||
<h4 class="text-center">{{ $product->ProductName }}</h4>
|
||||
<!-- (w/ Shorts) -->
|
||||
<!-- <div class="ratings">
|
||||
<span class="glyphicon glyphicon-star"></span>
|
||||
|
||||
@@ -163,7 +163,12 @@
|
||||
.table>thead>tr>th{
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
.carousel-control.right{
|
||||
margin-right :0px;
|
||||
}
|
||||
.carousel-control.left {
|
||||
margin-left: 0px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
@@ -182,25 +187,57 @@
|
||||
|
||||
<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 class="col-md-12"> -->
|
||||
<div class="col-sm-12" id="carousel-bounding-box">
|
||||
<div class="carousel slide" id="myCarousel" data-interval="false">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
@define $i = 0
|
||||
@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 -->
|
||||
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<div class="active item" data-slide-number="{{ $i }}">
|
||||
<img style="height:400px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
</div>
|
||||
@else
|
||||
<div class="item" data-slide-number="{{ $i }}">
|
||||
<img style="height:400px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@define $i++
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Carousel nav -->
|
||||
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<hr class="line">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets">
|
||||
@define $j = 0
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
<li class="col-sm-3 col-xs-3">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}" id="carousel-selector-{{ $j }}">
|
||||
<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>
|
||||
@define $j++
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -3,21 +3,33 @@
|
||||
|
||||
<style>
|
||||
a.thumbnail>img {
|
||||
height: 250px;
|
||||
/* height: 250px; */
|
||||
}
|
||||
|
||||
.hide-bullets {
|
||||
list-style:none;
|
||||
margin-left: -40px;
|
||||
margin-top:20px;
|
||||
position: relative;
|
||||
}
|
||||
.thumbnail{
|
||||
border: none;
|
||||
margin-bottom: 50px;
|
||||
display: unset;
|
||||
background-color: transparent;
|
||||
}
|
||||
.li-custom{
|
||||
padding:10px;
|
||||
}
|
||||
.store-logo{
|
||||
/* height: 250px;
|
||||
width: 250px;
|
||||
overflow: hidden;
|
||||
object-fit: contain; */
|
||||
/* cursor: pointer; */
|
||||
}
|
||||
a.thumbnail>img{
|
||||
height: 150px
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -25,16 +37,16 @@
|
||||
</div><!-- /row -->
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<div class="row hidden-xs" id="slider-thumbs">
|
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="row" id="slider-thumbs">
|
||||
<!-- Bottom switcher of slider -->
|
||||
<ul class="hide-bullets">
|
||||
|
||||
@foreach ($stores_array as $store)
|
||||
<li class="li-custom col-sm-3">
|
||||
<li class="li-custom col-lg-3 col-md-3 col-sm-4 col-xs-12">
|
||||
<div style="border: 1px solid #dddddd;">
|
||||
<a class="thumbnail" href="{{ url('teamstore') . '/' . $store->StoreUrl }}">
|
||||
<img src="{{asset('public/images/teamstore') . '/' . $store->StoreUrl . '/' . $store->StoreLogo }}">
|
||||
<img class="store-logo" 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>
|
||||
|
||||
Reference in New Issue
Block a user