parent
0584522ccf
commit
4e6a703392
@ -0,0 +1,89 @@ |
||||
document.addEventListener("DOMContentLoaded", () => { |
||||
const filterButtons = document.querySelectorAll('.product-tagitem'); |
||||
|
||||
filterButtons.forEach(button => { |
||||
button.addEventListener('click', () => { |
||||
const slug = button.dataset.slug; |
||||
const taxonomy = button.dataset.taxonomy; |
||||
|
||||
const param = 'wpf_filter_' + taxonomy; |
||||
const url = new URL(window.location.href); |
||||
const params = new URLSearchParams(url.search); |
||||
|
||||
if (params.has(param)) { |
||||
let values = params.get(param).split(','); |
||||
values = values.filter(v => v !== slug); |
||||
|
||||
if (values.length > 0) { |
||||
params.set(param, values.join(',')); |
||||
} else { |
||||
params.delete(param); |
||||
} |
||||
|
||||
url.search = params.toString(); |
||||
window.location.href = url.toString(); |
||||
} |
||||
}); |
||||
}); |
||||
|
||||
// Обработка клика на теги активных фильтров
|
||||
document.querySelectorAll('.active-filter-tag').forEach(tag => { |
||||
tag.addEventListener('click', function(e) { |
||||
e.preventDefault(); |
||||
const slug = this.dataset.filterSlug; |
||||
const taxonomy = this.dataset.filterTaxonomy; |
||||
const urlParam = 'wpf_filter_' + taxonomy.replace('pa_', ''); |
||||
|
||||
const url = new URL(window.location.href); |
||||
const params = new URLSearchParams(url.search); |
||||
|
||||
if (params.has(urlParam)) { |
||||
const currentValue = params.get(urlParam); |
||||
|
||||
// Разделяем значения, учитывая как закодированные, так и обычные разделители
|
||||
let values = currentValue.split(/\||%7C|,/); |
||||
|
||||
// Декодируем и фильтруем значения
|
||||
const newValues = values.filter(v => { |
||||
return decodeURIComponent(v.trim()) !== slug.trim(); |
||||
}); |
||||
|
||||
// Обновляем URL параметры
|
||||
if (newValues.length > 0) { |
||||
// Используем | как разделитель (можно заменить на ',', если нужно)
|
||||
params.set(urlParam, newValues.join('|')); |
||||
} else { |
||||
params.delete(urlParam); |
||||
// Дополнительно очищаем связанные параметры
|
||||
if (urlParam.includes('price')) { |
||||
params.delete('wpf_min_price'); |
||||
params.delete('wpf_max_price'); |
||||
} |
||||
params.delete('wpf_fbv'); |
||||
} |
||||
|
||||
// Обновляем URL и перезагружаем страницу
|
||||
url.search = params.toString(); |
||||
window.location.href = url.href; |
||||
} |
||||
}); |
||||
}); |
||||
|
||||
// Обработка кнопки "Очистить все"
|
||||
const clearAllBtn = document.querySelector('.active-filters__clear'); |
||||
if (clearAllBtn) { |
||||
clearAllBtn.addEventListener('click', () => { |
||||
const url = new URL(window.location.href); |
||||
const params = new URLSearchParams(url.search); |
||||
|
||||
for (const key of Array.from(params.keys())) { |
||||
if (key.startsWith('wpf_')) { |
||||
params.delete(key); |
||||
} |
||||
} |
||||
|
||||
url.search = params.toString(); |
||||
window.location.href = url.toString(); |
||||
}); |
||||
} |
||||
}); |
||||
@ -1,9 +0,0 @@ |
||||
{% for post in posts %} |
||||
{% include 'archive-product/archive-product-tease.twig' with {post: post} %} |
||||
{% endfor %} |
||||
|
||||
{% if not ended %} |
||||
<button class="button button--white" id="load-more-products" data-category_id="{{ get_category }}" data-category_type="{{ get_category_type }}"> |
||||
{{ function('pll_e', 'Загрузить еще') }} |
||||
</button> |
||||
{% endif %} |
||||
@ -1,128 +0,0 @@ |
||||
{% if post.id is defined and post.id %} |
||||
{% set cur_product = fn('wc_get_product', post.id) %} |
||||
{% set attrs = post.product.get_attributes() %} |
||||
{% set cur_weight = function('get_product_info', post.id, 'weight') %} |
||||
|
||||
<div class="product__item"> |
||||
<div class="product-item__label"> |
||||
{% if post.date('Y-m-d') >= criteria_for_new_product %} |
||||
<span class="product-item-label__tag product-item-label__tag--new"> |
||||
{{ function('pll_e', 'Новинка') }} |
||||
</span> |
||||
{% endif %} |
||||
|
||||
{% if post._sale_price %} |
||||
<span class="product-item-label__tag product-item-label__tag--sale"> |
||||
{{ function('pll_e', 'Распродажа %') }} |
||||
</span> |
||||
{% endif %} |
||||
</div> |
||||
<a href="{{ post.link }}" class="product-item__product-card"> |
||||
<img src="{{ post.thumbnail.src('shop_single') }}" alt="{{ post.title }}" class="product-item__images"> |
||||
</a> |
||||
<div class="product-item__content-card"> |
||||
<div class="compound"> |
||||
{% set compound = fn('wc_get_product_terms', post.id, 'pa_compound') %} |
||||
{% for option in compound %} |
||||
|
||||
{% set term = get_term(option) %} |
||||
<a href="/compound/{{ term.slug }}" class="compound__item">{{ term.name }}</a> |
||||
{% endfor %} |
||||
</div> |
||||
<a href="{{ post.link }}" class="product-item__title">{{ post.title }}</a> |
||||
<div class="product-item__price"> |
||||
<p>{{ post._price() }} {{ fn('get_woocommerce_currency_symbol') }}</p> |
||||
</div> |
||||
{% set stock_status = fn('wc_get_product_stock_status', post.id) %} |
||||
{% if stock_status == 'instock' %} |
||||
<div class="product-item__bye"> |
||||
<button class="button button--white button--100-perc open-overlay"> |
||||
{{ function('pll_e', 'Купить') }} |
||||
</button> |
||||
</div> |
||||
{% else %} |
||||
<button data-pname="{{ post.title }}" class="to-know button--100-perc open-to-know"> |
||||
<p>{{ function('pll_e', 'Узнать о поступлении') }}</p> |
||||
</button> |
||||
{% endif %} |
||||
</div> |
||||
<div class="product-item__overlay"> |
||||
<div class="product-item-overlay__header"> |
||||
<a href="{{ post.link }}" class="product-item__title">{{ post.title }}</a> |
||||
|
||||
<ul class="product-item-overlay__tags"> |
||||
{% set features = fn('wc_get_product_terms', post.id, 'pa_features') %} |
||||
{% for option in features %} |
||||
{% set term = get_term(option) %} |
||||
<li>{{ term.name }}</li> |
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
|
||||
<form class="product-item__form" method="post" action="/send-telegram.php"> |
||||
<div class="product-item-overlay__input-block"> |
||||
{% set collection = fn('wc_get_product_terms', post.id, 'pa_collection') %} |
||||
{% if collection %} |
||||
<div class="product-item-overlay__field"> |
||||
<p class="product-item-overlay-field__title">{{ fn('pll_e', 'Объем') }}</p> |
||||
|
||||
<div class="select"> |
||||
<input type="text" class="select__state" value="{{ cur_weight }}" readonly data-product_id="{{post.id}}" data-product_price="{{ post._price() }}"> |
||||
<div class="state__block"> |
||||
<ul class="state__content"> |
||||
|
||||
{% for option in collection %} |
||||
{% set term = get_term(option) %} |
||||
{% set siblings = function('get_collection_siblings' , term.id) %} |
||||
|
||||
{% for sibling in siblings %} |
||||
|
||||
{% set weight = function('get_product_info', sibling.ID, 'weight') %} |
||||
|
||||
{% set class = '' %} |
||||
{% if weight == cur_weight %} |
||||
{% set class = 'active' %} |
||||
{% endif %} |
||||
<li> |
||||
<button class="state__button {{ class }}" data-product_id="{{sibling.ID}}" data-product_price="{{ function('get_product_info', sibling.ID, 'price') }}"> |
||||
{{ weight }} |
||||
</button> |
||||
</li> |
||||
{% endfor %} |
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
<div class="product-item-overlay__field"> |
||||
<p class="product-item-overlay-field__title">{{ fn('pll_e', 'Количество') }}</p> |
||||
|
||||
<div class="counter"> |
||||
<button class="counter__button minus"> |
||||
<img src="{{ theme.link }}/woocommerce/assets/img/svg/main/minus.svg" alt=""> |
||||
</button> |
||||
<input type="text" class="counter__input" value="1"> |
||||
<button class="counter__button plus"> |
||||
<img src="{{ theme.link }}/woocommerce/assets/img/svg/main/plus.svg" alt=""> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<p class="product-item-overlay__price"> |
||||
{{ post._price() }} |
||||
</p> |
||||
<div class="product-item-overlay__block-button"> |
||||
<div class="product-item-overlay__button"> |
||||
{{ function('get_add_to_cart_button', post.id) }} |
||||
</div> |
||||
<div class="product-item-overlay__more_button"> |
||||
<a class="to-know button--100-perc" href="{{ post.link }}"> |
||||
<p>{{ function('pll_e', 'Подробнее') }}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
Loading…
Reference in new issue