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

optimized add form for store products

Browse Source
This commit is contained in:
franknstayn
2019-11-13 22:45:51 +08:00
parent 84f84f6288
commit 0363474def
14 changed files with 448 additions and 873 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
resources/views/teamstore-sublayouts/product-details.blade.php
View File

@@ -149,17 +149,22 @@
border-bottom-width: 0px;
}
.btn-roster-action{
width: 20px;
/* width: 20px;
height: 20px;
border-radius: 10px;
border-radius: 10px; */
}
.btn-group-sm>.btn, .btn-roster-action {
.btn-group-sm>.btn{
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>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
border: none;
}
.table>thead>tr>th{
border-bottom:none;
}
@@ -189,11 +194,15 @@
/* background:url("{{asset('public/images/icon.png') }}"); */
}
.zoom img {
display: block;
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
.zoom img::selection { background-color: transparent; }
</style>
<div class="container">
@@ -208,28 +217,19 @@
</div>
</div>
<div class="row">
<!-- BEGIN PRODUCTS -->
<div class="col-md-5 col-sm-5">
<div class="row">
<!-- <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 text-center" data-slide-number="{{ $i }}">
<span class="zoom img-zoom">
<img style="height:400px;" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
<!-- <p class="edge-text">Click to zoom <i class="fa fa-search-plus"></i></p> -->
</span>
</div>
@else
@@ -252,10 +252,11 @@
</a>
</div>
</div>
<!-- </div> -->
</div>
<hr class="line">
<div class="row">
<div class="col-md-12">
<ul class="hide-bullets">
@@ -271,12 +272,51 @@
</ul>
</div>
</div>
</div>
<div class="col-md-7 col-sm-7">
@include('teamstore-sublayouts.forms.'.$product_array[0]->ProductForm)
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="{{ md5($product_array[0]->Id) }}" name="p_id" id="p_id" />
@include('teamstore-sublayouts.forms.'.$product_array[0]->ProductForm)
@if($product_array[0]->ProductPrice > 0)
<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>
@endif
</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>
</div>
<!-- END PRODUCTS -->
</div> <!-- container -->
</div>
@endsection