Merge branch 'main' of https://gitlab.com/shokki.a96/nurgul_get_api_oct3
This commit is contained in:
commit
ebf94df0c0
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
|
|
@ -1,9 +1,13 @@
|
|||
items:
|
||||
-
|
||||
title: 'Baş Sahypa'
|
||||
nesting: null
|
||||
type: cms-page
|
||||
url: null
|
||||
code: ''
|
||||
reference: home
|
||||
cmsPage: null
|
||||
replace: null
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
|
|
@ -14,9 +18,13 @@ items:
|
|||
isExternal: '0'
|
||||
-
|
||||
title: Kategoriýalar
|
||||
nesting: null
|
||||
type: url
|
||||
url: /
|
||||
code: ''
|
||||
reference: null
|
||||
cmsPage: null
|
||||
replace: null
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
|
|
@ -27,9 +35,61 @@ items:
|
|||
isExternal: '0'
|
||||
items:
|
||||
-
|
||||
title: test
|
||||
title: 'Gelinlik Güller'
|
||||
type: url
|
||||
url: /
|
||||
url: /category/2
|
||||
code: ''
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
title: ''
|
||||
url: ''
|
||||
isHidden: '0'
|
||||
cssClass: ''
|
||||
isExternal: '0'
|
||||
-
|
||||
title: 'Sowgatlyk Güller'
|
||||
type: url
|
||||
url: /category/3
|
||||
code: ''
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
title: ''
|
||||
url: ''
|
||||
isHidden: '0'
|
||||
cssClass: ''
|
||||
isExternal: '0'
|
||||
-
|
||||
title: 'Sebetli güller'
|
||||
type: url
|
||||
url: /category/4
|
||||
code: ''
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
title: ''
|
||||
url: ''
|
||||
isHidden: '0'
|
||||
cssClass: ''
|
||||
isExternal: '0'
|
||||
-
|
||||
title: 'Bedreli güller'
|
||||
type: url
|
||||
url: /category/5
|
||||
code: ''
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
title: ''
|
||||
url: ''
|
||||
isHidden: '0'
|
||||
cssClass: ''
|
||||
isExternal: '0'
|
||||
-
|
||||
title: 'Buket güller'
|
||||
type: url
|
||||
url: /category/6
|
||||
code: ''
|
||||
viewBag:
|
||||
locale:
|
||||
|
|
@ -41,9 +101,13 @@ items:
|
|||
isExternal: '0'
|
||||
-
|
||||
title: 'Biz Barada'
|
||||
nesting: null
|
||||
type: cms-page
|
||||
url: null
|
||||
code: ''
|
||||
reference: about-us
|
||||
cmsPage: null
|
||||
replace: null
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
|
|
@ -54,9 +118,13 @@ items:
|
|||
isExternal: '0'
|
||||
-
|
||||
title: 'Habarlaşmak Üçin'
|
||||
nesting: null
|
||||
type: cms-page
|
||||
url: null
|
||||
code: ''
|
||||
reference: contact-us
|
||||
cmsPage: null
|
||||
replace: null
|
||||
viewBag:
|
||||
locale:
|
||||
ru:
|
||||
|
|
|
|||
|
|
@ -0,0 +1,96 @@
|
|||
title = "Category"
|
||||
url = "/category/:id"
|
||||
layout = "main"
|
||||
==
|
||||
<?php
|
||||
function onStart(){
|
||||
$this['catId'] = $this->param('id');
|
||||
}
|
||||
?>
|
||||
==
|
||||
{% partial 'loader/loader' id='loader_cat' %}
|
||||
|
||||
<div id="deatil_screen">
|
||||
<!-- BREADCRUMB AREA START -->
|
||||
<div class="ltn__breadcrumb-area ltn__breadcrumb-area-4 ltn__breadcrumb-color-white---">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="ltn__breadcrumb-inner text-center">
|
||||
<h1 class="ltn__page-title" id="category_name_main"></h1>
|
||||
<div class="ltn__breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="/">{{'home.title'|_}}</a></li>
|
||||
<li id="category_name"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- BREADCRUMB AREA END -->
|
||||
|
||||
<div class="ltn__product-area mb-100">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="ltn__shop-options">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="showing-product-number text-right" id="show_title">
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="short-by text-center">
|
||||
<select class="nice-select">
|
||||
<option>Default sorting</option>
|
||||
<option>Sort by popularity</option>
|
||||
<option>Sort by new arrivals</option>
|
||||
<option>Sort by price: low to high</option>
|
||||
<option>Sort by price: high to low</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="ltn__grid-list-tab-menu ">
|
||||
<div class="nav">
|
||||
<a class="active show" data-bs-toggle="tab"
|
||||
href="shop-grid.html#liton_product_grid"><i class="icon-grid"></i></a>
|
||||
<a data-bs-toggle="tab" href="shop-grid.html#liton_product_list"><i
|
||||
class="icon-menu"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade active show" id="liton_product_grid">
|
||||
<div class="ltn__product-tab-content-inner ltn__product-grid-view">
|
||||
<div class="row" id="products_cat">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% partial 'product/tab-pane' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ltn__pagination-area text-center">
|
||||
<div class="ltn__pagination ltn__pagination-2">
|
||||
<ul>
|
||||
<li><a href="shop-grid.html#"><i class="icon-arrow-left"></i></a></li>
|
||||
<li><a href="shop-grid.html#">1</a></li>
|
||||
<li class="active"><a href="shop-grid.html#">2</a></li>
|
||||
<li><a href="shop-grid.html#">3</a></li>
|
||||
<li><a href="shop-grid.html#">...</a></li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-arrow-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PRODUCT DETAILS AREA END -->
|
||||
|
||||
{% partial 'scripts/getByCat' add='add.cart'|_ query='locale=tm' limit='8' id='cat' catId=catId %}
|
||||
|
|
@ -39,7 +39,7 @@ title = "Login"
|
|||
<h4>{{'dont.have.account'|_}}</h4>
|
||||
<p>{{'register.desc'|_}}</p>
|
||||
<div class="btn-wrapper">
|
||||
<a class="theme-btn-1 btn black-btn">{{'register.title'|_}}</a>
|
||||
<a href="{{'register'|page}}" class="theme-btn-1 btn black-btn">{{'register.title'|_}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,4 +65,4 @@ title = "Login"
|
|||
};
|
||||
|
||||
</script>
|
||||
{% endput %}
|
||||
{% endput %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,212 @@
|
|||
<div class="tab-pane fade" id="liton_product_list">
|
||||
<div class="ltn__product-tab-content-inner ltn__product-list-view">
|
||||
<div class="row">
|
||||
<!-- ltn__product-item -->
|
||||
<div class="col-lg-12">
|
||||
<div class="ltn__product-item">
|
||||
<div class="product-img">
|
||||
<a href="product-details.html"><img src="img/product/2.png"
|
||||
alt="#"></a>
|
||||
<div class="product-badge">
|
||||
<ul>
|
||||
<li class="badge-1">Hot</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<h2 class="product-title"><a href="product-details.html">Red Rose
|
||||
Bouquet</a></h2>
|
||||
<div class="product-price">
|
||||
<span>$16</span>
|
||||
</div>
|
||||
<div class="product-ratting">
|
||||
<ul>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product-brief">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
Recusandae asperiores sit odit nesciunt, aliquid, deleniti
|
||||
non et ut dolorem!</p>
|
||||
</div>
|
||||
<div class="product-hover-action product-hover-action-2">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="shop-grid.html#" title="Quick View"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#quick_view_modal">
|
||||
<i class="icon-magnifier"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="add-to-cart">
|
||||
<a href="shop-grid.html#" title="Add to Cart"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#add_to_cart_modal">
|
||||
<span class="cart-text d-none d-xl-block">Add to
|
||||
Cart</span>
|
||||
<span class="d-block d-xl-none"><i
|
||||
class="icon-handbag"></i></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-grid.html#" title="Quick View"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#quick_view_modal">
|
||||
<i class="icon-shuffle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ltn__product-item -->
|
||||
<div class="col-lg-12">
|
||||
<div class="ltn__product-item">
|
||||
<div class="product-img">
|
||||
<a href="product-details.html"><img src="img/product/1.png"
|
||||
alt="#"></a>
|
||||
<div class="product-badge">
|
||||
<ul>
|
||||
<li class="badge-2">12%</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<h2 class="product-title"><a href="product-details.html">Red Rose
|
||||
Bouquet</a></h2>
|
||||
<div class="product-price">
|
||||
<span>$16</span>
|
||||
<del>$19</del>
|
||||
</div>
|
||||
<div class="product-ratting">
|
||||
<ul>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product-brief">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
Recusandae asperiores sit odit nesciunt, aliquid, deleniti
|
||||
non et ut dolorem!</p>
|
||||
</div>
|
||||
<div class="product-hover-action product-hover-action-2">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="shop-grid.html#" title="Quick View"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#quick_view_modal">
|
||||
<i class="icon-magnifier"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="add-to-cart">
|
||||
<a href="shop-grid.html#" title="Add to Cart"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#add_to_cart_modal">
|
||||
<span class="cart-text d-none d-xl-block">Add to
|
||||
Cart</span>
|
||||
<span class="d-block d-xl-none"><i
|
||||
class="icon-handbag"></i></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-grid.html#" title="Quick View"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#quick_view_modal">
|
||||
<i class="icon-shuffle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ltn__product-item -->
|
||||
<div class="col-lg-12">
|
||||
<div class="ltn__product-item">
|
||||
<div class="product-img">
|
||||
<a href="product-details.html"><img src="img/product/4.png"
|
||||
alt="#"></a>
|
||||
<div class="product-badge">
|
||||
<ul>
|
||||
<li class="badge-1">Hot</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<h2 class="product-title"><a href="product-details.html">Red Rose
|
||||
Bouquet</a></h2>
|
||||
<div class="product-price">
|
||||
<span>$16</span>
|
||||
</div>
|
||||
<div class="product-ratting">
|
||||
<ul>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
<li><a href="shop-grid.html#"><i class="icon-star"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product-brief">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
Recusandae asperiores sit odit nesciunt, aliquid, deleniti
|
||||
non et ut dolorem!</p>
|
||||
</div>
|
||||
<div class="product-hover-action product-hover-action-2">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="shop-grid.html#" title="Quick View"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#quick_view_modal">
|
||||
<i class="icon-magnifier"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="add-to-cart">
|
||||
<a href="shop-grid.html#" title="Add to Cart"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#add_to_cart_modal">
|
||||
<span class="cart-text d-none d-xl-block">Add to
|
||||
Cart</span>
|
||||
<span class="d-block d-xl-none"><i
|
||||
class="icon-handbag"></i></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-grid.html#" title="Quick View"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#quick_view_modal">
|
||||
<i class="icon-shuffle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
{% put scripts %}
|
||||
|
||||
<script>
|
||||
getCat('{{query}}', '{{catId}}');
|
||||
getCatProducts('{{query}}', '{{limit}}', '{{catId}}');
|
||||
// console.log("qqq");
|
||||
function getCatProducts(query, limit, catId) {
|
||||
$(document).ready(function () {
|
||||
$.ajax({
|
||||
url: `https://nurgul.com.tm/app/api/products?`+query+`&category=`+catId+`&limit=`+limit,
|
||||
type: 'GET',
|
||||
dataType: 'json',
|
||||
beforeSend: function () {
|
||||
$('#products_{{id}}').hide();
|
||||
$('#loader_{{id}}').show();
|
||||
},
|
||||
success: function (data, textStatus, xhr) {
|
||||
$('#loader_{{id}}').hide(500);
|
||||
$('#products_{{id}}').show(500);
|
||||
$('#show_title').html(`<span>{{'all'|_}}`+ data.meta.total +`</span>`);
|
||||
|
||||
// console.log(data.data);
|
||||
|
||||
var products = data.data;
|
||||
for (var product of products) {
|
||||
// console.log(product.name);
|
||||
$('#products_{{id}}').append(productCard(product));
|
||||
}
|
||||
},
|
||||
error: function (xhr, textStatus, errorThrown) {
|
||||
console.log('Error in Operation');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function getCat(query, catId) {
|
||||
$(document).ready(function () {
|
||||
$.ajax({
|
||||
url: `https://nurgul.com.tm/app/api/categories/`+ catId +`?`+query,
|
||||
type: 'GET',
|
||||
dataType: 'json',
|
||||
beforeSend: function () {
|
||||
$('#products_{{id}}').hide();
|
||||
$('#loader_{{id}}').show();
|
||||
},
|
||||
success: function (data, textStatus, xhr) {
|
||||
$('#loader_{{id}}').hide(500);
|
||||
$('#products_{{id}}').show(500);
|
||||
|
||||
$('#category_name').html(data.data.name);
|
||||
$('#category_name_main').html(data.data.name);
|
||||
|
||||
},
|
||||
error: function (xhr, textStatus, errorThrown) {
|
||||
console.log('Error in Operation');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
{% endput %}
|
||||
|
||||
{%partial 'scripts/setModal' %}
|
||||
{%partial 'scripts/prodCard' %}
|
||||
|
|
@ -7,11 +7,20 @@
|
|||
|
||||
var card = `<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
||||
<div class="ltn__product-item text-center">
|
||||
<div class="product-img">
|
||||
<a href="/product/detail/`+ product.id +`">
|
||||
<div class="product-img">` +
|
||||
|
||||
(product.images.length > 0 ?
|
||||
`<a href="/product/detail/`+ product.id +`">
|
||||
<img src="`+product.images[0].original_image_url+`" alt="Nurgul `+product.name+`" style="width: 400px;height: 280px;object-fit: fill;">
|
||||
</a>
|
||||
`
|
||||
:
|
||||
`<a href="/product/detail/`+ product.id +`">
|
||||
<img src="{{'assets/no_img.jpg'|theme}}" alt="Nurgul `+product.name+`" style="width: 400px;height: 280px;object-fit: fill;">
|
||||
</a>
|
||||
`
|
||||
)
|
||||
|
||||
+
|
||||
|
||||
(product.hasOwnProperty('special_price') ?
|
||||
|
|
|
|||
|
|
@ -34,20 +34,32 @@
|
|||
|
||||
function setDetail(product) {
|
||||
var images = product.images;
|
||||
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 +`">
|
||||
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>`);
|
||||
}
|
||||
}
|
||||
|
||||
for (var image of images) {
|
||||
// console.log(product.hasOwnProperty('special_price'));
|
||||
$('#product_large_images').append(`<div class="single-large-img">
|
||||
<a href="`+image.original_image_url+`" data-rel="lightcase:myCollection">
|
||||
<img src="`+image.original_image_url+`" alt="Nurgul `+ product.name +`">
|
||||
for (var image of images) {
|
||||
// console.log(product.hasOwnProperty('special_price'));
|
||||
$('#product_large_images').append(`<div class="single-large-img">
|
||||
<a href="`+ image.original_image_url + `" data-rel="lightcase:myCollection">
|
||||
<img src="`+ image.original_image_url + `" alt="Nurgul ` + product.name + `">
|
||||
</a>
|
||||
</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 +`">`);
|
||||
|
|
|
|||
Loading…
Reference in New Issue