From 272909cf616c8b54ae34b5769a7d1b91b5892c4b Mon Sep 17 00:00:00 2001
From: Andrei <fcs.andrew@gmail.com>
Date: Wed, 18 Jun 2025 11:49:14 +0300
Subject: [PATCH] =?UTF-8?q?Andrei=20|=20=D1=84=D0=B8=D0=BA=D1=81=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D1=82=D0=B0=D0=BB=D0=BE=D0=B3=D0=B0=20(=D0=B2=D1=8B?=
 =?UTF-8?q?=D0=B2=D0=BE=D0=B4=20=D0=B0=D0=BA=D1=86=D0=B8=D0=BE=D0=BD=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D1=86=D0=B5=D0=BD=D1=8B=20=D0=B2=20=D0=BA=D0=B0?=
 =?UTF-8?q?=D1=80=D1=82=D0=BE=D1=87=D0=BA=D0=B5=20=D1=82=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D1=80=D0=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_blocks/shop/archive-product-tease.twig   | 19 ++++++++---
 .../woocommerce/assets/css/gp-style-core.css  | 33 +++++++++++++++++++
 .../assets/css/gp-style-desktop.css           |  1 -
 3 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/wp-content/themes/cosmopet/templates/_blocks/shop/archive-product-tease.twig b/wp-content/themes/cosmopet/templates/_blocks/shop/archive-product-tease.twig
index 0599771..52f7945 100644
--- a/wp-content/themes/cosmopet/templates/_blocks/shop/archive-product-tease.twig
+++ b/wp-content/themes/cosmopet/templates/_blocks/shop/archive-product-tease.twig
@@ -2,8 +2,9 @@
     {% 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">
+    {% set stock_status = post.meta('_stock_status') == 'instock' %}
+            
+    <div class="product__item {% if not stock_status == 'instock' %}hiding{% endif %}">
         <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">
@@ -49,9 +50,19 @@
             </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>
+                <p>{{ post._price() }} {{ fn('get_woocommerce_currency_symbol') }}</p>
+
+                {% if post._regular_price() and post._regular_price() > post._price() %}
+                    <div class="product-item__price-disc">
+                        <p class="product-item__price-sale__text">
+                            {{ post._regular_price() }} {{ fn('get_woocommerce_currency_symbol') }}
+                        </p>
+                        <p class="product-item__price-sale__perc">
+                            - {{ ((1 - post._price() / post._regular_price()) * 100)|round(0, 'floor') }} %
+                        </p>
+                    </div>
+                {% endif %}
             </div>
-            {% set stock_status = post.meta('_stock_status') == 'instock' %}
             {% if stock_status == 'instock' %}
             <div class="product-item__bye">
                 <button class="button button--white button--100-perc open-overlay">
diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css
index 0118d9f..de83873 100644
--- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css
+++ b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css
@@ -1306,4 +1306,37 @@ button{
 
 .compound{
   flex-wrap: wrap;
+}
+
+.product__item.hiding .product-item__price p {
+    color: #999;
+}
+
+
+.product-item__price-disc, .product-item__price {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+}
+
+.product-item__price-disc, .product-item__price{
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.product-item__price-sale__perc{
+
+font-size: 20px;
+text-transform: uppercase;
+color: #FA0505;
+
+}
+.product-item__price-sale__text {
+    text-decoration: line-through;
+    color: #999999;
+    font-size: 18px;
+}
+.product-item__price-sale__perc::after{
+display: none;
 }
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css
index 5a3192c..1e5bc2a 100644
--- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css
+++ b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css
@@ -545,7 +545,6 @@ main{
     font-size: 20px;
     line-height: 200%;
     text-transform: uppercase;
-    color: var(--text-black);
   }
   /* .product-item__price p::after{
     content: '₽';