Good-Production
/
cosmopet-architecture
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Andrei | fix исправил вывод плашек фильтра (не выводились и не удалялись если выбрано более одного значения в фильтре)

Browse Source
pull/34/head
Andrei 2 months ago
parent fb9a459246
commit 62cced0e1a
3 changed files with 36 additions and 180 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php
  2. 57
      wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig
  3. 157
      wp-content/themes/cosmopet/templates/archive-product/archive-product.twig

2
wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php
Unescape View File

@ -19,7 +19,7 @@
$raw_taxonomy = str_replace('wpf_filter_', '', $key); $raw_taxonomy = str_replace('wpf_filter_', '', $key);
error_log("→ Обнаружен фильтр: $raw_taxonomy"); error_log("→ Обнаружен фильтр: $raw_taxonomy");
$slugs = is_array($value) ? $value : explode(',', $value); $slugs = is_array($value) ? $value : preg_split('/[\|,]/', $value);
error_log("→ Slugs: " . implode(', ', $slugs)); error_log("→ Slugs: " . implode(', ', $slugs));
// Попробуем с pa_ и без, в зависимости от существования таксономии // Попробуем с pa_ и без, в зависимости от существования таксономии

57
wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig
Unescape View File

@ -103,35 +103,48 @@ document.addEventListener("DOMContentLoaded", () => {
}); });
}); });
// Обработка клика на отдельные теги активных фильтров // Обработка клика на теги активных фильтров
const activeFilterTags = document.querySelectorAll('.active-filter-tag'); document.querySelectorAll('.active-filter-tag').forEach(tag => {
activeFilterTags.forEach(tag => { tag.addEventListener('click', function(e) {
tag.addEventListener('click', () => { e.preventDefault();
const slug = tag.dataset.filterSlug; const slug = this.dataset.filterSlug;
const taxonomy = tag.dataset.filterTaxonomy; 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);
// Убираем префикс pa_ если есть для формирования параметра URL // Разделяем значения, учитывая как закодированные, так и обычные разделители
const rawTaxonomy = taxonomy.replace('pa_', ''); let values = currentValue.split(/\||%7C|,/);
const param = 'wpf_filter_' + rawTaxonomy;
const url = new URL(window.location.href); // Декодируем и фильтруем значения
const params = new URLSearchParams(url.search); const newValues = values.filter(v => {
return decodeURIComponent(v.trim()) !== slug.trim();
if (params.has(param)) { });
let values = params.get(param).split(',');
values = values.filter(v => v !== slug); // Обновляем URL параметры
if (newValues.length > 0) {
if (values.length > 0) { // Используем | как разделитель (можно заменить на ',', если нужно)
params.set(param, values.join(',')); params.set(urlParam, newValues.join('|'));
} else { } else {
params.delete(param); 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(); url.search = params.toString();
window.location.href = url.toString(); window.location.href = url.href;
}); }
}); });
});
// Обработка кнопки "Очистить все" // Обработка кнопки "Очистить все"
const clearAllBtn = document.querySelector('.active-filters__clear'); const clearAllBtn = document.querySelector('.active-filters__clear');

157
wp-content/themes/cosmopet/templates/archive-product/archive-product.twig
Unescape View File

@ -1,157 +0,0 @@
{% set bodyClass = 'bg-white' %}
{% set mainClass = 'wrapper' %}
{% extends 'layout.twig' %}
{% block content %}
{% if site_region == 'ru' %}
<style>
.product-item-overlay__price::after{
content: '₽';
}
</style>
{% endif %}
<div class="breadcrumbs">
<a href="/" class="breadcrumbs__item">
{{ function('pll_e', 'Главная') }}
</a>
<a href="/shop" class="breadcrumbs__item">
{{ function('pll_e', 'Продукция') }}
</a>
{% if category %}
<a href="{{ category_link }}" class="breadcrumbs__item">
{{ category_title }}
</a>
{% endif %}
</div>
<div class="product">
<div class="product__header">
<h1 class="product__title">
{% if category %}
{{ category.name }}
{% else %}
{{ function('pll_e', 'Продукция') }}
{% endif %}
</h1>
<button class="button button--gradient button--high button--icon button--filter">
{{ function('pll_e', 'Фильтры') }}
</button>
</div>
{% if active_filters|length > 0 %}
<div class="active-filters">
{% if active_filters is not empty %}
<div class="active-filters">
{% for filter in active_filters %}
<span class="active-filter-tag" data-filter-id="{{ filter.id }}" data-filter-slug="{{ filter.slug }}" data-filter-taxonomy="{{ filter.taxonomy }}">
{{ filter.name }} ×
</span>
{% endfor %}
</div>
{% endif %}
<button class="active-filters__clear button button--white">
{{ function('pll_e', 'Очистить все') }}
</button>
</div>
{% endif %}
<div class="product__main">
{% for post in posts %}
{% include 'archive-product/archive-product-tease.twig' with {post: post} %}
{% endfor %}
</div>
<div class="product__footer product__footer--error">
{% if posts_per_page < count %}
<button class="button button--white" id="load-more-products" data-category_id="{{ category_id }}" data-category_type="{{ category_type }}">
{{ function('pll_e', 'Загрузить еще') }}
</button>
{% endif %}
</div>
</div>
<script>
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();
}
});
});
// Обработка клика на отдельные теги активных фильтров
const activeFilterTags = document.querySelectorAll('.active-filter-tag');
activeFilterTags.forEach(tag => {
tag.addEventListener('click', () => {
const slug = tag.dataset.filterSlug;
const taxonomy = tag.dataset.filterTaxonomy;
// Убираем префикс pa_ если есть для формирования параметра URL
const rawTaxonomy = taxonomy.replace('pa_', '');
const param = 'wpf_filter_' + rawTaxonomy;
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();
});
});
// Обработка кнопки "Очистить все"
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();
});
}
});
</script>
{% endblock %}
Write Preview
Loading…
Cancel
Save