Andrei | добавил в каталог плашку not found

pull/36/head
Your Name 1 month ago
parent 3d891c588c
commit 256e5764e3
  1. 3
      wp-content/themes/cosmopet/global-functions/multilang-functions.php
  2. 69
      wp-content/themes/cosmopet/modules/shop/components/catalog/assets/css/catalog.css
  3. 9
      wp-content/themes/cosmopet/static/img/sv.svg
  4. 9
      wp-content/themes/cosmopet/templates/_pages/shop/archive-product.twig

@ -1829,6 +1829,9 @@ pll_register_string('Населенный пункт', 'Населенный п
pll_register_string('Ваш город', 'Ваш город', 'Checkout'); pll_register_string('Ваш город', 'Ваш город', 'Checkout');
pll_register_string('Оплатить', 'Оплатить', 'Checkout'); pll_register_string('Оплатить', 'Оплатить', 'Checkout');
pll_register_string('Запомнить меня', 'Запомнить меня', 'Checkout'); pll_register_string('Запомнить меня', 'Запомнить меня', 'Checkout');
pll_register_string('coming soon', 'coming soon', 'Not found');
pll_register_string('This item is not on our website yet, but it will be here very soon', 'This item is not on our website yet, but it will be here very soon', 'Not found');
}); });

@ -943,3 +943,72 @@ display: none;
/* product */ /* product */
} }
/* not-found */
.not-found-title{
font-family: 'Craftwork Grotesk';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 43px;
text-align: center;
text-decoration-line: underline;
text-transform: uppercase;
color: #121212;
}
.product-main, .not-found{
width: 100%;
}
.not-found-text{
/* This item is not on our website yet, but it will be here very soon */
max-width: 421px;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
font-family: 'Craftwork Grotesk';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #121212;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
}
.not-found{
width: 100%;
position: relative;
padding-top: 7rem;
padding-bottom: 7rem;
}
.not-found img{
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
transform: translate(-50%, -50%);
min-width:750px;
}
@media (max-width: 640px) {
.not-found-title{
font-size: 24px;
}
.not-found-text{
font-size: 16px;
}
.not-found img{
min-width:550px;
}
.not-found{
overflow: hidden;
}
}
/* not-found end */

@ -0,0 +1,9 @@
<svg width="1081" height="325" viewBox="0 0 1081 325" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M956.898 30.4002C722.898 6.39676 630.526 18.4403 524.719 30.4002C227.19 64.0312 -6.9191 153.973 1.8205 231.291C10.5601 308.609 258.839 344.024 556.368 310.393C853.896 276.762 1088.01 186.82 1079.27 109.503C1074.34 65.8799 953.347 29.8464 722.898 6.39676C657.898 2.39677 615.898 1.89679 539.398 1.89679" stroke="url(#paint0_linear_11837_57253)" stroke-width="2" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_11837_57253" x1="48.1566" y1="269.806" x2="48.1814" y2="86.0843" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 737 B

@ -52,9 +52,18 @@
{% endif %} {% endif %}
<div class="product__main"> <div class="product__main">
{% if posts|length > 0 %}
{% for post in posts %} {% for post in posts %}
{% include '_blocks/shop/archive-product-tease.twig' with {post: post} %} {% include '_blocks/shop/archive-product-tease.twig' with {post: post} %}
{% endfor %} {% endfor %}
{% else %}
<div class="not-found">
<img src="{{ fn('get_template_directory_uri') }}/static/img/sv.svg" alt="">
<div class="not-found-title">{{ fn('pll_e', 'coming soon') }}</div>
<div class="not-found-text">{{ fn('pll_e', 'This item is not on our website yet, but it will be here very soon') }}</div>
</div>
{% endif %}
</div> </div>
<div class="product__footer product__footer--error"> <div class="product__footer product__footer--error">

Loading…
Cancel
Save