diff --git a/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php b/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php
index 41ce8bf..2eccb89 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php
+++ b/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php
@@ -19,7 +19,7 @@
             $raw_taxonomy = str_replace('wpf_filter_', '', $key);
             error_log("→ Обнаружен фильтр: $raw_taxonomy");
 
-            $slugs = is_array($value) ? $value : explode(',', $value);
+            $slugs = is_array($value) ? $value : preg_split('/[\|,]/', $value);
             error_log("→ Slugs: " . implode(', ', $slugs));
 
             // Попробуем с pa_ и без, в зависимости от существования таксономии
diff --git a/wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig b/wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig
index 4e8c738..fd1da69 100644
--- a/wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig
+++ b/wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig
@@ -103,35 +103,48 @@ document.addEventListener("DOMContentLoaded", () => {
         });
     });
 
-    // Обработка клика на отдельные теги активных фильтров
-    const activeFilterTags = document.querySelectorAll('.active-filter-tag');
-    activeFilterTags.forEach(tag => {
-        tag.addEventListener('click', () => {
-            const slug = tag.dataset.filterSlug;
-            const taxonomy = tag.dataset.filterTaxonomy;
+// Обработка клика на теги активных фильтров
+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);
             
-            // Убираем префикс pa_ если есть для формирования параметра URL
-            const rawTaxonomy = taxonomy.replace('pa_', '');
-            const param = 'wpf_filter_' + rawTaxonomy;
+            // Разделяем значения, учитывая как закодированные, так и обычные разделители
+            let values = currentValue.split(/\||%7C|,/);
             
-            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);
+            // Декодируем и фильтруем значения
+            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.toString();
-        });
+            window.location.href = url.href;
+        }
     });
+});
 
     // Обработка кнопки "Очистить все"
     const clearAllBtn = document.querySelector('.active-filters__clear');
diff --git a/wp-content/themes/cosmopet/templates/archive-product/archive-product.twig b/wp-content/themes/cosmopet/templates/archive-product/archive-product.twig
deleted file mode 100644
index fc1e64d..0000000
--- a/wp-content/themes/cosmopet/templates/archive-product/archive-product.twig
+++ /dev/null
@@ -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 %}
\ No newline at end of file