|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/rabbithabit.com/public_html/application/views/themes/3/ |
Upload File : |
<style>
/*initial opacity for 1st attribute detail image */
ul.blok_select li a.hasImage, ul.blok_select li a.noImage span {opacity: 0.4}
ul.blok_select li:first-child a.hasImage, ul.blok_select li:first-child a.noImage span {opacity: 1}
@media (max-width: 768px) {
.productPrice span { display: none; }
.productPrice h2 { font-size: 15px; }
.total_box {
position: -webkit-sticky;
position: sticky;
top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
#row {
flex-wrap: nowrap;
top: unset !important;
}
.cart_intotal {
margin-top: 23px;
margin-left: 10px !important;
}
.title_intotal, .productPrice h2 {
margin-left: -15px;
}
}
#row { top: -65px; }
</style>
<script src='<?= base_url("themes/$theme/js/productPage.js"); ?>'></script>
<script>
var baseUrl = '<?= base_url(); ?>';
var productId = <?= $product->id_products; ?>;
var csrfHash = '<?= $this->security->get_csrf_hash(); ?>';
var indentTime = '<?= $product->indent_time; ?>';
var indentDp = <?= $product->indent_dp; ?>;
var chosenVarianDetailArray = new Array(<?= count($initial_varian_detail_ids); ?>);
<?php $count_varian_detail = 0; ?>
<?php foreach ($initial_varian_detail_ids as $detail_id) : ?>
chosenVarianDetailArray[<?= $count_varian_detail; ?>] = <?= $detail_id; ?>;
<?php $count_varian_detail++; ?>
<?php endforeach; ?>
jQuery(document).ready(function() {
initialProductDetail(chosenVarianDetailArray, productId, baseUrl, csrfHash, indentTime, indentDp,
function(dsc){
dynamicStockCondition(dsc);
}
);
});
</script>
<div class="home_sec2">
<div class="total_box total_box_fix total_box_res" style="display:none;">
<div class="wrapp2">
<div class="wrapp3 no_pading_right">
<div class="row">
<div class="col-md-6">
<div class="title_intotal">
<?= ucwords($product->title); ?> <?= ucwords($brand_name); ?>
</div>
</div>
<div class="col-md-6 relative">
<div class="total_price_intotal productPrice"></div>
<div class="qty_intotal">
<span>Qty</span>
<input id="qty1" type="text" value="1" />
</div>
<div class="cart_intotal">
<input class="submitToCart" id="submitToCart1" type="button" value="ADD TO CART" style="cursor:pointer;" data-toggle="modal" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="total_box">
<div class="wrapp2">
<div class="wrapp3 no_pading_right">
<div class="row">
<div class="col-md-6">
<div class="title_intotal">
<?= ucwords($product->title); ?> <?= ucwords($brand_name); ?>
</div>
</div>
<div class="col-md-6 relative">
<div class="total_price_intotal productPrice"></div>
<div id="row" class="row">
<div class="qty_intotal">
<span>Qty</span>
<input id="qty2" type="text" value="1" />
</div>
<div class="cart_intotal">
<input class="submitToCart" id="submitToCart2" type="button" value="ADD TO CART" style="cursor:pointer;" data-toggle="modal" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapp2">
<div class="product_browse product_detail">
<div id="prdt_lis" class="height_48"></div>
<div class="product_detail_nv_res">
<ul class="product_detail_nv">
<ul class="clearfix">
<li class="apx0"><a href="#prdt_lis">Overview</a></li>
<li class="apx1"><a href="#prdt_desc">Description</a></li>
<li class="apx1"><a href="#prdt_details">Product Details</a></li>
<li class="apx1"><a href="#review">Product Review</a></li>
</ul>
</ul>
</div>
<div class="wrapp3 no_pading_right">
<div class="row product_main product_detail_overview">
<div class="col-md-5 product_main_image" id="productImageContainer"></div>
<div class="col-md-1"></div>
<div class="col-md-6 product_detail_desc">
<div class="dtl_list">
<div class="row">
<div class="col-md-6" style="color: <?= $this->session->userdata('p_color'); ?>;">
<b><?= ucwords($product->title); ?></b></div>
<div class="col-md-6" id="stockStatus"></div>
</div>
<div class="row">
<div class="col-md-6" style="color: <?= $this->session->userdata('p_color'); ?>;">
<b><?= ucwords($brand_name); ?></b></div>
<div class="col-md-6 gold"></div>
</div>
</div>
<div class="dtl_list">
<div class="row">
<div class="col-md-6"><strong>Estimated Delivery Time</strong></div>
</div>
<div class="row">
<div class="col-md-6" id="indentTime"></div>
</div>
<br>
<div class="row">
<?php
if(count($product_reviews) > 0) {
$total_sum = 0;
foreach ($product_reviews as $product_review) {
$total_sum = $total_sum + $product_review->rating;
}
$star_rating = floor($total_sum / count($product_reviews));
}
?>
<?php if(count($product_reviews) > 0) : ?>
<div class="col-md-6">
<?php for ($i=0; $i < $star_rating; $i++) : ?>
<i class="fa fa-heart" style="color:#ffcfcf;"></i>
<?php endfor; ?>
</div>
<?php endif; ?>
</div>
<span class="text-muted align-middle" style="font-size: 14px;"> <?= count($product_reviews); ?> reviews</span><br>
</div>
<?php $count_varian = 0; ?>
<?php foreach ($varians as $varian) : ?>
<?php
$varian_details = get_varian_data($varian->attribute_id, $product->id_products)['varian_details'];
$varian_name = get_varian_data($varian->attribute_id, $product->id_products)['varian_name'];
?>
<?php if(count($varian_details) > 0) : ?>
<?php $count_varian++; ?>
<div class="dtl_select" id="varian<?= $varian->attribute_id; ?>">
<strong>Select <?= ucwords($varian_name); ?></strong>
<ul class="blok_select have_sst">
<?php $count = 0; ?>
<?php foreach ($varian_details as $varian_detail) : ?>
<?php $count++; ?>
<li id="<?= $varian_detail->attribute_detail_id; ?>">
<?php if($count == 1) : ?>
<div class="select" id="detailName<?= $varian->attribute_id; ?>" style="min-width: 200px;">
<?= ucwords($varian_detail->attribute_detail); ?>
</div>
<?php endif; ?>
<?php if(!empty($varian_detail->image)) : ?>
<a class="hasImage" data="<?= $varian_detail->attribute_detail_id; ?>" href="" style="color:black;"><img title="<?= ucwords($varian_detail->attribute_detail); ?>" style="border:1px solid <?= $this->session->userdata('p_color'); ?>;" src="<?= base_url() . 'uploads/varian/' . $varian_detail->image; ?>">
</a>
<?php else : ?>
<a class="noImage" data="<?= $varian_detail->attribute_detail_id; ?>" href="">
<span style="line-height: 55px; color:black; background: white; border:1px solid <?= $this->session->userdata('p_color'); ?>; display: block;" title="<?= ucwords($varian_detail->attribute_detail); ?>">
<?= ucwords($varian_detail->attribute_detail); ?>
</span>
</a>
<?php endif; ?>
</li>
<?php if(!empty($varian_detail->image)) : ?>
<?php $image_class = 'hasImage'; ?>
<?php $image_span = ''; ?>
<?php else : ?>
<?php $image_class = 'noImage'; ?>
<?php $image_span = ' span'; ?>
<?php endif; ?>
<script>
changeVarian(<?= $varian->attribute_id; ?>,<?= $varian_detail->attribute_detail_id; ?>,'<?= $image_class; ?>','<?= $image_span; ?>',<?= $count_varian; ?>);
</script>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<?php endforeach; ?>
<p style="color:red" id="notAvailable"></p>
</div>
</div><!-- End Product Detail Overview -->
<!-- Start Product Detail Description -->
<div id="prdt_desc" class="" tabindex="-1"></div>
<div class="product_main product_detail_desc" style="color:white; background: <?= $this->session->userdata('p_color'); ?>; padding: 30px;" id="">
<div class="product_detail_title">
<h3>Description</h3>
<h4><?= ucwords($product->title); ?></h4>
</div>
<div class="row">
<div class="col-md-12 font_14">
<?php if($this->session->userdata('site_lang') == 'english') : ?>
<?= ucfirst($product->description_en); ?>
<?php else : ?>
<?= ucfirst($product->description); ?>
<?php endif; ?>
</div>
</div>
</div><!-- End Product Detail Description -->
<!-- Start Product Detail Details -->
<div id="prdt_details" class="" tabindex="-1" style="height:30px;"></div>
<div class="product_main product_detail_details padding_bot_150" id="">
<div class="product_detail_title">
<h3>Product Details</h3>
<h4><?= ucwords($product->title); ?></h4>
</div>
<br>
<div class="row">
<div class="col-md-12">
<?php if($this->session->userdata('site_lang') == 'english') : ?>
<?= ucfirst($product->long_description_en); ?>
<?php else : ?>
<?= ucfirst($product->long_description); ?>
<?php endif; ?>
</div>
</div>
</div><!-- End Product Detail Details -->
<?= $this->session->flashdata('product_review'); ?>
<div id="review" class="" tabindex="-1" style="height:30px;"></div>
<div class="product_main product_detail_details padding_bot_140" id="">
<div class="product_detail_title">
<h3>Product Review</h3>
<h4><?= ucwords($product->title); ?></h4>
<br>
</div>
<?php if(count($product_reviews) > 0) : ?>
<?php foreach ($product_reviews as $review) : ?>
<!-- Review-->
<div class="comment" style="border: 1px solid;padding: 20px;">
<div class="comment-body">
<div class="comment-header d-flex flex-wrap justify-content-between">
<h4 class="comment-title"><?= ucfirst($review->subject); ?></h4>
<div class="mb-2">
<div class="rating-stars">
<?php for ($i = 0; $i < $review->rating; $i++) : ?>
<i class="fa fa-heart" style="color:#ffcfcf;"></i>
<?php endfor; ?>
</div>
</div>
</div>
<p class="comment-text"><?= ucfirst($review->review); ?></p>
<?php
//get customer name
$this->db->select('name')->from('customers')->where('id_customers', $review->customer_id);
$customer_name = $this->db->get()->row()->name;
?>
<div class="comment-footer"><span class="comment-meta"><?= ucwords($customer_name); ?></span></div>
</div>
</div>
<br>
<?php endforeach; ?>
<?php else : ?>
<p>Jadilah yang pertama mengulas produk ini.</p>
<?php endif; ?>
<!-- Review Form-->
<br>
<br>
<h5 class="mb-30 padding-top-1x">Beri Ulasan</h5>
<?php if($this->session->userdata('customer')['customer_name']) : ?>
<?php
$attributes = array(
'class' => 'row'
);
echo form_open('product_review/add_review', $attributes);
?>
<input type="hidden" name="product_alias" value="<?= $product->alias; ?>">
<input type="hidden" name="product_id" value="<?= $product->id_products; ?>">
<div class="col-sm-6 ">
<div class="form-group">
<label for="subject">Judul Ulasan</label>
<input name="subject" required class="form-control form-control-rounded" type="text" id="review_subject" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="review_rating">Rating</label>
<select name="rating" class="form-control form-control-rounded" id="review_rating">
<option value="5">5 Stars</option>
<option value="4">4 Stars</option>
<option value="3">3 Stars</option>
<option value="2">2 Stars</option>
<option value="1">1 Star</option>
</select>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label for="review_text">Ulasan </label>
<textarea name="review" class="form-control form-control-rounded" id="review_text" rows="8" required></textarea>
</div>
</div>
<div class="col-12 text-right">
<input type="submit" name="submit_review" class="btn btn-outline-primary" value="Kirim Ulasan"></input>
</div>
<?= form_close(); ?>
<?php else : ?>
<p><strong>Silahkan <a style="color:blue" href="<?= base_url('login'); ?>">LOGIN</a> untuk memberikan ulasan.</strong></p>
<?php endif; ?>
</div>
</div>
</div>
<!-- <div style="width: 100%; border-bottom: 0.5px solid silver;"></div>
<br><br> -->
<!-- <h2 style="color:<?= $this->session->userdata('p_color'); ?>; text-align: center; font-size: 1.5rem; font-family: 'din_next_lt_prolight';"><img style="width:18px;" src="<?= base_url("themes/3/images/title-background.png"); ?>"> Bought Together <img style="width:18px;" src="<?= base_url("themes/3/images/title-background.png"); ?>"></h2> -->
<!-- start item -->
<?= Modules::run('newarrival/frontpage'); ?>
<!-- end item -->
<div class="product_detail_nv_box">
<ul class="product_detail_nv">
<ul class="clearfix">
<li class="apx0"><a href="#prdt_lis">Overview</a></li>
<li class="apx1"><a href="#prdt_desc">Description</a></li>
<li class="apx1"><a href="#prdt_details">Product Details</a></li>
<li class="apx1"><a href="#review">Product Review</a></li>
</ul>
</ul>
</div>
</div>
</div>
<!-- Modal TOC Indent -->
<div class="modal fade" id="modalIndentTOC" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">TERMS & CONDITIONS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<?= ucfirst($toc_indent); ?>
</div>
<div class="modal-footer" style="text-align: center;">
<button type="button" class="btn btn-primary" data-dismiss="modal" style="width:50%">NO</button>
<a id="indentTOCAgree" class="btn btn-secondary" style="width:50%" href="#" data-toggle="modal" data-target="#cart_madal">AGREE</a>
</div>
</div>
</div>
</div>