82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
{% put scripts %}
|
|
|
|
<script>
|
|
getProductDetail('{{query}}');
|
|
// console.log("qqq");
|
|
function getProductDetail(query) {
|
|
console.log(query);
|
|
$(document).ready(function () {
|
|
$.ajax({
|
|
url: `http://216.250.11.229/derman/app/api/products/{{prodId}}/` + query + `{{activeLocale}}`,
|
|
type: 'GET',
|
|
dataType: 'json',
|
|
beforeSend: function () {
|
|
$('#deatil_screen').hide();
|
|
$('#loader').show();
|
|
},
|
|
success: function (data, textStatus, xhr) {
|
|
$('#loader').hide();
|
|
$('#deatil_screen').show();
|
|
|
|
|
|
console.log(data.data);
|
|
|
|
var product = data.data;
|
|
setDetail(product);
|
|
|
|
},
|
|
error: function (xhr, textStatus, errorThrown) {
|
|
console.log('Error in Operation');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function setDetail(product) {
|
|
var images = product.images;
|
|
if (images.length > 0) {
|
|
for (var image of images) {
|
|
// console.log(product.hasOwnProperty('special_price'));
|
|
// $('#product_images').append(`<div class="single-small-img">
|
|
// <img src="`+ image.small_image_url + `" alt="Nurgul ` + product.name + `">
|
|
// </div>`);
|
|
|
|
$('#product_images').append(`<li class="nav-item">
|
|
<a class="nav-link" id="home-tab" data-toggle="tab" href="#home" role="tab"
|
|
aria-selected="true"><img src="`+ image.small_image_url + `" alt="Dermanhana ` + product.name + `"> </a>
|
|
</li>`);
|
|
}
|
|
|
|
for (var image of images) {
|
|
// console.log(product.hasOwnProperty('special_price'));
|
|
|
|
$('#product_large_images').append(`<div class="tab-pane fade show active" id="home" role="tabpanel">
|
|
<div class="product-large-img">
|
|
<img src="`+ image.original_image_url + `" alt="Dermanhana ` + product.name + `">
|
|
</div>
|
|
</div>`);
|
|
}
|
|
} else {
|
|
$('#product_images').html(`<div class="single-small-img">
|
|
<img src="{{'assets/no_img.jpg'|theme}}" alt="Nurgul ` + product.name + `">
|
|
</div>`);
|
|
|
|
$('#product_large_images').html(`<div class="single-large-img">
|
|
<a href="{{'assets/no_img.jpg'|theme}}" data-rel="lightcase:myCollection">
|
|
<img src="{{'assets/no_img.jpg'|theme}}" alt="Nurgul ` + product.name + `">
|
|
</a>
|
|
</div>`);
|
|
}
|
|
|
|
// $('#product_images').html(`<img src="`+product.images[0].original_image_url+`" alt="Nurgul `+ product.name +`">`);
|
|
|
|
$('#product_name').html(product.name);
|
|
$('#product_main').html(product.name);
|
|
$('#vendor_name').html(product.shop_title);
|
|
$('#product_price').html(product.formatted_price);
|
|
$('#product_desc_short').html(product.short_description);
|
|
|
|
}
|
|
</script>
|
|
{% endput %}
|