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

dev_10_temp #33

Merged
Andrei-10 merged 4 commits from dev_10_temp into master 2 months ago
Conversation 0 Commits 4 Files Changed 15
15 changed files with 384 additions and 190 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. 1
      wp-content/themes/cosmopet/global-functions/multisite-functions.php
  2. 4
      wp-content/themes/cosmopet/modules/footer/assets/css/gp-style-desktop.css
  3. 70
      wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css
  4. 2
      wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css
  5. 95
      wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-desktop.css
  6. 72
      wp-content/themes/cosmopet/modules/popup/assets/js/modal.js
  7. 112
      wp-content/themes/cosmopet/static/css/front-page.css
  8. 88
      wp-content/themes/cosmopet/templates/_pages/front-page.twig
  9. 4
      wp-content/themes/cosmopet/templates/footer.twig
  10. 15
      wp-content/themes/cosmopet/templates/forms/discount.twig
  11. 21
      wp-content/themes/cosmopet/templates/header.twig
  12. 72
      wp-content/themes/cosmopet/templates/layout.twig
  13. 6
      wp-content/themes/cosmopet/templates/modal.twig
  14. 2
      wp-content/themes/cosmopet/templates/modal/login.twig
  15. 6
      wp-content/themes/cosmopet/templates/shop/bestsellers.twig

1
wp-content/themes/cosmopet/global-functions/multisite-functions.php
Unescape View File

@ -29,6 +29,7 @@ add_filter('timber/twig', function (\Twig\Environment $twig) {
$site_env = new SiteEnvironment(); $site_env = new SiteEnvironment();
$twig->addGlobal('site_region', $site_env->site_region); $twig->addGlobal('site_region', $site_env->site_region);
$twig->addGlobal('site_mode', $site_env->site_mode); $twig->addGlobal('site_mode', $site_env->site_mode);
$twig->addGlobal('header_scripts', get_field('header_scripts', 'option')); // со страницы "Общих настроек контента ACF"
return $twig; return $twig;
}); });
/* End | Работа с проверкой мультисайтовости и стендов */ /* End | Работа с проверкой мультисайтовости и стендов */

4
wp-content/themes/cosmopet/modules/footer/assets/css/gp-style-desktop.css
Unescape View File

@ -151,7 +151,7 @@
text-decoration: underline; text-decoration: underline;
} }
/* Footer end */ /* Footer end */
.modal__aside { /* .modal__aside {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -159,7 +159,7 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
transition: width .4s ease-out; transition: width .4s ease-out;
} } */
.modal__item { .modal__item {
height: 100%; height: 100%;

70
wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css
Unescape View File

@ -2031,7 +2031,7 @@ textarea{
/* breadcrumbs */ /* breadcrumbs */
.home { .home {
padding: 60px 0 68px; padding: 0px 0 0px;
} }
.wc-block-components-checkout-place-order-button{ .wc-block-components-checkout-place-order-button{
@ -2166,7 +2166,6 @@ textarea{
} }
.about_slider { .about_slider {
padding-top: 0px!important;
position: relative; position: relative;
} }
@ -2217,3 +2216,70 @@ textarea{
color: transparent !important; color: transparent !important;
position: relative; position: relative;
} }
.home {
position: relative;
background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%))!important;
}
.discount__sale {
padding: 69px 0 80px;
border-radius: 60px;
background: var(--creme-white, #F4F1F0);
box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.15);
}
.discount_block .discount_form {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 0px!important;
margin-bottom: 6px;
}
.discount_block {
background: radial-gradient(250% 285% at 120% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%)!important;
}
.section_wrap {
margin-top: -70px;
padding: 178px 0 90px;
background: radial-gradient(250% 285% at 120% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%)!important;
}
.footer-contact {
width: 100%;
padding: 24px 24px 43px;
display: flex;
flex-direction: column;
border-radius: 24px;
background: radial-gradient(346.57% 244.17% at 149.73% -58.39%, rgb(117, 196, 240) 0%, rgb(126, 231, 225) 51.21689438819885%, rgb(181, 228, 180) 80.70731163024902%
80.7073%
, rgb(237, 244, 164) 91.14583134651184%)!important;
}
.footer-contact__submit {
width: 100%;
text-align: center;
height: 48px;
border-radius: 16px;
background: var(--main_black);
font-size: 20px;
font-weight: 400!important;
line-height: 24px;
color: var(--main_white);
}
@media only screen and (max-width: 1600px) {
.wrapper {
max-width: 1280px!important;
}
}
@media only screen and (max-width: 1200px) {
.footer {
margin-top: 0;
padding: 24px 16px!important;
}
}

2
wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css
Unescape View File

@ -109,7 +109,7 @@ body.bg-white {
} }
.container { .container {
max-width: 1232px; max-width: 1040px;
margin: 0 auto; margin: 0 auto;
@media (max-width: 1264px) { @media (max-width: 1264px) {

95
wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-desktop.css
Unescape View File

@ -0,0 +1,95 @@
.modal__aside {
position: fixed;
top: 0;
right: 0;
height: 100%;
transform: translateX(100%); /* Изначально скрыто справа */
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
background: white; /* Или твой стиль фона */
z-index: 1000;
}
.modal__aside.active {
transform: translateX(0); /* Показываем, сдвигая влево */
}
.modal__item {
opacity: 0;
filter: blur(10px);
transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
}
.modal__basket {
width: 400px!important;
}
.modal__item.active {
opacity: 1;
filter: blur(0);
}
@media (max-width: 720px) {
.modal__aside {
width: 100% !important; /* Полная ширина на мобильных */
}
}
@media (min-width: 721px) {
.modal__aside {
width: 400px; /* Минимальная ширина или твоя фиксированная ширина */
}
}
@media(max-width:768px){
.footer-top {
flex-direction: column;
}
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
.home__title.invisible {
font-size:28px;
}
.home .container {
padding: 0px 30px 180px!important;
}
.container {
max-width: 100%!important;
margin: 0!important;
}
.about_slider .carousel .carousel-item {
border-radius: 100% !important;
}
.about_slider .carousel .carousel-item img {
width: 99px!important;
height: 99px!important;
}
.reviews_block .reviews_items {
flex-wrap: unset;
gap: 20px!important;
}
.gift_line-img {
display: none!important;
}
.discount__sale .discount_text {
order: 1;
margin-top: 0;
font-size: 18px!important;
color: var(--interface-main_black, #121212);
font-family: "Craftwork Grotesk";
font-style: normal;
font-weight: 500;
line-height: normal;
max-width: 100%;
}
.discount__sale .discount_form {
flex-direction: column;
gap: 21px!important;
}
.modal__basket {
width: 100%!important;
}
}

72
wp-content/themes/cosmopet/modules/popup/assets/js/modal.js
Unescape View File

@ -15,11 +15,10 @@ modal.onclick = function (event) {
} }
// function // function
function modalOpen(buttonElement, contentElement){ function modalOpen(buttonElement, contentElement) {
let modal = document.querySelector('.modal'), let modal = document.querySelector('.modal'),
aside = document.querySelector('.modal__aside'), aside = document.querySelector('.modal__aside'),
elements = document.querySelectorAll(buttonElement), elements = document.querySelectorAll(buttonElement),
device = window.screen.width,
body = document.querySelector('body'); body = document.querySelector('body');
elements.forEach(e => { elements.forEach(e => {
@ -28,26 +27,15 @@ function modalOpen(buttonElement, contentElement){
e.onclick = function () { e.onclick = function () {
body.classList.add('overflow-hidden'); body.classList.add('overflow-hidden');
modal.classList.add('active'); modal.classList.add('active');
aside.classList.add('active'); // Активируем aside для анимации
thisContentElement.classList.add('active'); thisContentElement.classList.add('active');
let width = thisContentElement.clientWidth;
if (width < 400){
width = 400
}
setTimeout(() => { setTimeout(() => {
if (device <= 720) { thisContentElement.style.opacity = 1;
aside.style.width = `${device}px`; thisContentElement.style.filter = 'blur(0px)';
thisContentElement.style.opacity = 1;
thisContentElement.style.filter = 'blur(0px)';
}else{
aside.style.width = `${width}px`;
thisContentElement.style.opacity = 1;
thisContentElement.style.filter = 'blur(0px)';
}
}, 10); }, 10);
} };
}) });
} }
function closeAllModals() { function closeAllModals() {
@ -56,9 +44,6 @@ function closeAllModals() {
asideItems = document.querySelectorAll('.modal__item'), asideItems = document.querySelectorAll('.modal__item'),
body = document.querySelector('body'); body = document.querySelector('body');
aside.style.width = '0px';
body.classList.remove('overflow-hidden');
asideItems.forEach(item => { asideItems.forEach(item => {
if (item.classList.contains('active')) { if (item.classList.contains('active')) {
item.style.opacity = 0; item.style.opacity = 0;
@ -66,11 +51,14 @@ function closeAllModals() {
} }
}); });
aside.classList.remove('active'); // Скрываем aside с анимацией
setTimeout(() => { setTimeout(() => {
asideItems.forEach(item => { asideItems.forEach(item => {
item.classList.remove('active'); item.classList.remove('active');
}); });
modal.classList.remove('active'); modal.classList.remove('active');
body.classList.remove('overflow-hidden');
}, 300); }, 300);
} }
@ -82,35 +70,27 @@ function modalClose(buttonElement) {
} }
// resize // resize
window.addEventListener('resize', (e) => { window.addEventListener('resize', () => {
let width = window.screen.width; let width = window.innerWidth; // Используем innerWidth для актуальной ширины окна
let modalItem = document.querySelectorAll('.modal__item');
let aside = document.querySelector('.modal__aside');
modalItem.forEach(modal => {
if (modal.classList.contains('active')) {
if (width <= 720) {
aside.style.width = '100%'; // Полная ширина на мобильных
} else {
let openAside = document.querySelector('.modal__item.active'),
newWidth = openAside.clientWidth;
aside.style.width = newWidth < 400 ? '400px' : `${newWidth}px`;
}
}
});
// media // Перерегистрируем события при ресайзе
modalOpen('.button--filter', '.modal__filter'); modalOpen('.button--filter', '.modal__filter');
modalOpen('.basket-open', '.modal__basket'); modalOpen('.basket-open', '.modal__basket');
modalOpen('.open-to-know', '.modal__to-know'); modalOpen('.open-to-know', '.modal__to-know');
modalOpen('.login-open', '.modal__login'); modalOpen('.login-open', '.modal__login');
modalClose('.modal__close'); modalClose('.modal__close');
let modalItem = document.querySelectorAll('.modal__item');
// if (width <= 720) {
modalItem.forEach(modal => {
if (modal.classList.contains('active')) {
let aside = document.querySelector('.modal__aside');
if (width <= 720) {
aside.style.width = `${width}px`
}else{
let openAside = document.querySelector('.modal__item.active'),
newWidth = openAside.clientWidth;
if (newWidth < 400){
newWidth = 400
}
aside.style.width = `${newWidth}px`
}
}
})
// }
}); });
// resize

112
wp-content/themes/cosmopet/static/css/front-page.css
Unescape View File

@ -7,10 +7,14 @@
background: var(--radial); background: var(--radial);
} }
.home .container{ .home .container{
padding: 157px 30px 245px; padding: 77px 30px 245px;
position: relative; position: relative;
} }
main {
padding-top: 0px;
}
@media (min-width: 1281px){ @media (min-width: 1281px){
.home .container{ .home .container{
@ -120,6 +124,7 @@
line-height: 28.8px; line-height: 28.8px;
letter-spacing: -0.01em; letter-spacing: -0.01em;
color: var(--grey-black, #121212); color: var(--grey-black, #121212);
font-weight: 300;
} }
@ -902,9 +907,9 @@
} }
/* Blog end */ /* Blog end */
.marketplace{ /* .marketplace{
margin-top: 5rem; margin-top: 5rem;
} } */
.truth-form{ .truth-form{
display: flex; display: flex;
@ -3499,3 +3504,104 @@ color: #f4f1f0;
.carousel .carousel-item:not(.active) .materialboxed { .carousel .carousel-item:not(.active) .materialboxed {
pointer-events: none; pointer-events: none;
} }
.about_card-text {
font-weight: 300!important;
}
.about_card:nth-child(3) .about_card-title {
text-wrap: nowrap;
}
@media (min-width: 769px) and (max-width: 1200px) {
.home .container {
padding: 88px 30px 180px !important;
}
.reviews_item .swiper-fade .swiper-slide {
width:100%!important;
}
.footer__wrapper {
width: 100%!important;
display: flex;
flex-direction: column;
}
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
.footer-content__wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
width: 100%;
}
.reviews_item.reviews_item2 {
position: absolute;
max-width: 500px;
height: 360px;
right: 0%;
bottom: 25%;
}
.discount_top .discount_top-imgs {
position: absolute;
top: 20px;
right: -10px;
}
}
@media(max-width:768px){
.footer-top {
flex-direction: column;
}
.footer-bottom {
flex-direction: column;
}
.footer-content__wrap {
flex-direction: column;
}
.home__title.invisible {
font-size:28px;
}
.home .container {
padding: 0px 30px 180px!important;
}
.container {
max-width: 100%!important;
margin: 0!important;
}
.about_slider .carousel .carousel-item {
border-radius: 100% !important;
}
.about_slider .carousel .carousel-item img {
width: 99px!important;
height: 99px!important;
}
.reviews_block .reviews_items {
flex-wrap: unset;
gap: 20px!important;
}
.gift_line-img {
display: none!important;
}
.discount__sale .discount_text {
order: 1;
margin-top: 0;
font-size: 18px!important;
color: var(--interface-main_black, #121212);
font-family: "Craftwork Grotesk";
font-style: normal;
font-weight: 500;
line-height: normal;
max-width: 100%;
}
.discount__sale .discount_form {
flex-direction: column;
gap: 21px!important;
}
.modal__basket {
width: 100%!important;
}
}

88
wp-content/themes/cosmopet/templates/_pages/front-page.twig
Unescape View File

@ -39,7 +39,7 @@
src="{{about_img}}" src="{{about_img}}"
alt=""> alt="">
<img class="img--mobile" <img class="img--mobile"
src="{{about_img_m}}" src="/wp-content/themes/cosmopet/static/img/animations/gus.svg"
alt=""> alt="">
</div> </div>
<div class="about_info"> <div class="about_info">
@ -52,7 +52,7 @@
<div class="about_block"> <div class="about_block">
<div class="about_cards"> <div class="about_cards">
{% for item in about_list %} {% for item in about_list %}
<div class="about_card"> <div class="about_card{% if loop.index0 is odd %} about_card-right{% endif %}">
<img src="{{ item.img }}" alt="" class="about_card-gif about_card-gif1"> <img src="{{ item.img }}" alt="" class="about_card-gif about_card-gif1">
<div class="about_card-info"> <div class="about_card-info">
<h3 class="about_card-title">{{ item.title }}</h3> <h3 class="about_card-title">{{ item.title }}</h3>
@ -788,53 +788,61 @@
</div> </div>
</div> </div>
</section> </section>
</div> {% if show_blog %}
{% endif %} <section class="blog">
{% if show_blog %} <div class="container">
<section class="blog"> <div class="blog_block">
<div class="container"> <div class="blog_top">
<div class="blog_block"> <h2 class="blog_title">{{ function('pll_e', 'Наш блог') }}</h2>
<div class="blog_top"> </div>
<h2 class="blog_title">{{ function('pll_e', 'Наш блог') }}</h2> <div class="blog__row">
</div> <p class="blog_text">{{ function('pll_e', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных') }}</p>
<div class="blog__row"> <a href="/blog/" class="blog_link main_link"><span>{{ function('pll_e', 'Все статьи') }}</span></a>
<p class="blog_text">{{ function('pll_e', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных') }}</p> </div>
<a href="/blog/" class="blog_link main_link"><span>{{ function('pll_e', 'Все статьи') }}</span></a> </div>
</div> </div>
</div> <div class="blog_slider">
</div> <div class="swiper blogSlider">
<div class="blog_slider"> <div class="swiper-wrapper">
<div class="swiper blogSlider"> {% for post in blog_posts %}
<div class="swiper-wrapper"> <div class="swiper-slide">
{% for post in blog_posts %} <a class="blog_card" href="{{ post.link }}">
<div class="swiper-slide"> <div class="blog__card-wrapper">
<a class="blog_card" href="{{ post.link }}"> <img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="blog_card-img">
<div class="blog__card-wrapper"> </div>
<img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="blog_card-img"> <div class="blog_card-info-wrap">
</div> <div class="blog_card-info">
<div class="blog_card-info-wrap"> <h2 class="blog_card-title">{{ post.title }}</h2>
<div class="blog_card-info"> <p class="blog_card-text">
<h2 class="blog_card-title">{{ post.title }}</h2> {% set words = post.excerpt|split(' ') %}
<p class="blog_card-text">{{ post.excerpt }} ...</p> {% if words|length > 14 %}
<div class="blog__card-btn">{{ function('pll_e', 'читать статью') }}</div> {{ words|slice(0, 14)|join(' ') }}...
</div> {% else %}
<img src="{{ theme.link }}/static/img/card-line.svg" alt="" class="card-line-img"> {{ post.excerpt }}...
{% endif %}
</p>
<div class="blog__card-btn">{{ function('pll_e', 'читать статью') }}</div>
</div>
<img src="{{ theme.link }}/static/img/card-line.svg" alt="" class="card-line-img">
</div>
</a>
</div> </div>
</a> {% endfor %}
</div> </div>
{% endfor %} <div class="slider-arrows">
</div> <button class="slider-arrow slider-arrow-prev blogSlider-prev"></button>
<div class="slider-arrows"> <button class="slider-arrow slider-arrow-next blogSlider-next"></button>
<button class="slider-arrow slider-arrow-prev blogSlider-prev"></button> </div>
<button class="slider-arrow slider-arrow-next blogSlider-next"></button> </div>
</div> </div>
</div> </section>
{% endif %}
</div> </div>
</section>
{% endif %} {% endif %}
{% if reviews %} {% if reviews %}
<section class="reviews reviews-plus"> <section class="reviews reviews-plus">
<div class="container"> <div class="container">

4
wp-content/themes/cosmopet/templates/footer.twig
Unescape View File

@ -1,6 +1,6 @@
{% set current_path = template_path ~ '/modules/footer' %} {% set current_path = template_path ~ '/modules/footer' %}
<footer class="footer"> <footer class="footer">
<div class="wrapper"> <div class="footer__wrapper wrapper">
<div class="footer-top"> <div class="footer-top">
<div class="footer-content__wrap"> <div class="footer-content__wrap">
<div class="footer-content"> <div class="footer-content">
@ -31,7 +31,7 @@
<textarea name="message" class="form-textarea" name="" placeholder="{{ function('pll_e', 'Текст обращения') }}" id=""></textarea> <textarea name="message" class="form-textarea" name="" placeholder="{{ function('pll_e', 'Текст обращения') }}" id=""></textarea>
<input type="hidden" name="from_url" value="{{ current_url }}"> <input type="hidden" name="from_url" value="{{ current_url }}">
<input type="hidden" name="form_name" value="Contact form in footer"> <input type="hidden" name="form_name" value="Contact form in footer">
<button class="footer-contact__submit" type="submit">{{ function('pll_e', 'Отправить') }}</button> <button class="footer-contact__submit" type="submit">{{ function('pll_e', 'ОТПРАВИТЬ') }}</button>
</form> </form>
</div> </div>
<div class="footer-bottom"> <div class="footer-bottom">

15
wp-content/themes/cosmopet/templates/forms/discount.twig
Unescape View File

@ -1,15 +1,17 @@
<section class="{% if class %} {{ class }}{% else %}discount__sale{% endif %} sec-bf"> <section class="{% if class %} {{ class }}{% else %}discount__sale{% endif %} sec-bf">
<div class="discount__sale">
<div class="container"> <div class="container">
<div class="discount_top"> <div class="discount_top">
<h3 class="discount_title">{{sub_title}}</span> <h3 class="discount_title">{{sub_title}}</span>
</h3> </h3>
<div class="discount_top-imgs"> <div class="discount_top-imgs">
{% if class %} {% if class %}
<img class="dicount_dog-img img--desktop" <img class="dicount_dog-img img--desktop"
src="{{ theme.link }}/static/img/labrador%20with%20stars.png" src="{{ theme.link }}/static/img/dicsount-sale.png"
alt=""> alt="">
<img class="dicount_dog-img img--mobile" <img class="dicount_dog-img img--mobile"
src="{{ theme.link }}/static/img/labrador%20with%20stars%20--%20mobile.png" src="{{ theme.link }}/static/img/dicsount-sale-mob.png"
alt=""> alt="">
{% else %} {% else %}
<img class="dicount_dog-img img--desktop" <img class="dicount_dog-img img--desktop"
@ -23,13 +25,13 @@
</div> </div>
<div class="dicsount__body"> <div class="dicsount__body">
<div class="" id="" lang="ru-RU" dir="ltr"> <div class="discount_form" id="" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form class="form-process" action="subscribe_form" method="post" class="" aria-label="Контактная форма" novalidate="novalidate" data-status="init"> <form class="form-process" action="subscribe_form" method="post" class="" aria-label="Контактная форма" novalidate="novalidate" data-status="init">
<div class="discount_form "> <div class="discount_form ">
<span class="" data-name="subscriber"><input size="40" class="discount_form-inp" aria-required="true" aria-invalid="false" placeholder="{{ function('pll_e', 'Эл.почта') }}" value="" type="email" name="subscriber"></span> <span class="" data-name="subscriber"><input size="40" class="discount_form-inp" aria-required="true" aria-invalid="false" placeholder="{{ function('pll_e', 'Эл.почта') }}" value="" type="email" name="subscriber"></span>
<img src="/wp-content/themes/cosmopet/static/img/discount-line{% if class %}-w{% endif %}.svg"> <img src="/wp-content/themes/cosmopet/static/img/discount-line{% if class %}{% endif %}.svg">
<input type="hidden" name="from_url" value="{{ current_url }}"> <input type="hidden" name="from_url" value="{{ current_url }}">
<input type="hidden" name="form_name" value="Subscribtion form"> <input type="hidden" name="form_name" value="Subscribtion form">
@ -42,6 +44,11 @@
<p class="discount_text">{{sub_text}}</p> <p class="discount_text">{{sub_text}}</p>
</div> </div>
</div>
</div>
<div class="container">
<div class="discount_cosmodog"> <div class="discount_cosmodog">
<div class="discount_cosmodog__slider swiper"> <div class="discount_cosmodog__slider swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">

21
wp-content/themes/cosmopet/templates/header.twig
Unescape View File

@ -220,6 +220,7 @@
</a> </a>
</li> </li>
{% if site_region == 'ae' %}
<li class="main-menu__item"> <li class="main-menu__item">
<a href=" {% if current_lang == 'ru' %}{{production_url}}{% elseif current_lang == 'en' %}{{production_url_en}}{% endif %}" <a href=" {% if current_lang == 'ru' %}{{production_url}}{% elseif current_lang == 'en' %}{{production_url_en}}{% endif %}"
class="main-menu__link"> class="main-menu__link">
@ -227,6 +228,7 @@
</a> </a>
</li> </li>
{% endif %}
{% if CONSTANTS.DOMAIN != 'AE' %} {% if CONSTANTS.DOMAIN != 'AE' %}
<li class="main-menu__item"> <li class="main-menu__item">
<a href="{{blog_url}}" <a href="{{blog_url}}"
@ -267,15 +269,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mini-profile__item">
<button class="mini-profile__button basket-open" data-modal-target=".modal__basket">
<img src="https://cosmopet.ru/wp-content/themes/woodmart/gp-include/assets/core/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
<img src="https://cosmopet.ru/wp-content/themes/woodmart/gp-include/assets/core/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
<div class="mini-profile__button--counter {{ cart_count == 0 ? 'disabled' : '' }}">
{{ cart_count }}
</div>
</button>
</div>
<div class="mini-profile__item"> <div class="mini-profile__item">
{% if fn('is_user_logged_in') %} {% if fn('is_user_logged_in') %}
<a href="{{ fn('wc_get_page_permalink', 'myaccount') }}" class="mini-profile__button"> <a href="{{ fn('wc_get_page_permalink', 'myaccount') }}" class="mini-profile__button">
@ -289,6 +283,15 @@
</button> </button>
{% endif %} {% endif %}
</div> </div>
<div class="mini-profile__item">
<button class="mini-profile__button basket-open" data-modal-target=".modal__basket">
<img src="https://cosmopet.ru/wp-content/themes/woodmart/gp-include/assets/core/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
<img src="https://cosmopet.ru/wp-content/themes/woodmart/gp-include/assets/core/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
<div class="mini-profile__button--counter {{ cart_count == 0 ? 'disabled' : '' }}">
{{ cart_count }}
</div>
</button>
</div>
</div> </div>
</header> </header>

72
wp-content/themes/cosmopet/templates/layout.twig
Unescape View File

@ -2,83 +2,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
{{ function('wp_head') }} {{ function('wp_head') }}
<title>{{ function('wp_title') }} </title> <title>{{ function('wp_title') }} </title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Top.Mail.Ru counter -->
<script type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "3569464", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
if (d.getElementById(id)) return;
var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
ts.src = "https://top-fwz1.mail.ru/js/code.js";
var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window, "tmr-code");
</script>
<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3569464;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
<!-- /Top.Mail.Ru counter -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(96481053, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
ecommerce:"dataLayer"
});
window.dataLayer = window.dataLayer || [];
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/96481053" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<meta name="yandex-verification" content="2109bb636b61b248" />
<script>
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b33297602/crm/tag/call.tracker.js');
</script>
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/100896819" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- Meta Pixel Code -->
<script async>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1791804684725971');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1791804684725971&ev=PageView&noscript=1"
/>
</noscript>
<!-- /Meta Pixel Code -->
</head> </head>
<body class="{{bodyClass}}"> <body class="{{bodyClass}}">

6
wp-content/themes/cosmopet/templates/modal.twig
Unescape View File

@ -5,7 +5,7 @@
<aside class="modal__aside"> <aside class="modal__aside">
<div class="modal__item modal__filter"> <div class="modal__item modal__filter">
<button class="modal__close"> <button class="modal__close">
<img src="{{ current_path }}assets/img/svg/main/black-x.svg" alt=""> <img src="/wp-content/themes/cosmopet/static/img/svg/main/black-x.svg" alt="">
</button> </button>
<div class="modal__header"> <div class="modal__header">
@ -18,7 +18,7 @@
<div class="modal__item modal__to-know modal__item--no-title"> <div class="modal__item modal__to-know modal__item--no-title">
<button class="modal__close"> <button class="modal__close">
<img src="{{ current_path }}assets/img/svg/main/black-x.svg" alt=""> <img src="/wp-content/themes/cosmopet/static/img/svg/main/black-x.svg" alt="">
</button> </button>
<div class="modal__header"> <div class="modal__header">
<p class="modal__small-title">{{ fn ('pll_e', 'Узнать о поступлении') }}</p> <p class="modal__small-title">{{ fn ('pll_e', 'Узнать о поступлении') }}</p>
@ -49,7 +49,7 @@
<div class="modal__item modal__to-know-submit modal__item--no-title"> <div class="modal__item modal__to-know-submit modal__item--no-title">
<button class="modal__close"> <button class="modal__close">
<img src="assets/img/svg/main/black-x.svg" alt=""> <img src="/wp-content/themes/cosmopet/static/img/svg/main/black-x.svg" alt="">
</button> </button>
<div class="modal__header"> <div class="modal__header">
<p class="modal__small-title">{{ fn ('pll_e', 'Подписка на товар оформлена') }}</p> <p class="modal__small-title">{{ fn ('pll_e', 'Подписка на товар оформлена') }}</p>

2
wp-content/themes/cosmopet/templates/modal/login.twig
Unescape View File

@ -1,6 +1,6 @@
<div class="modal__item modal__login"> <div class="modal__item modal__login">
<button class="modal__close"> <button class="modal__close">
<img src="<?php bloginfo('template_url');?>/gp-include/assets/core/img/svg/main/black-x.svg" alt=""> <img src="/wp-content/themes/cosmopet/static/img/svg/main/black-x.svg" alt="">
</button> </button>
<div class="login_wrap login_forms"> <div class="login_wrap login_forms">

6
wp-content/themes/cosmopet/templates/shop/bestsellers.twig
Unescape View File

@ -8,7 +8,7 @@
<div class="container"> <div class="container">
<div class="seller_block"> <div class="seller_block">
<div class="sellers_top"> <div class="sellers_top">
<h2 class="sellers_title">{{ function('pll_e', 'BESTSELLERS') }}</h2> <h2 class="sellers_title">{% if current_lang == 'ru' %}БЕСТСЕЛЛЕРЫ{% elseif current_lang == 'en' %}BESTSELLERS{% endif %}</h2>
<div class="slider-arrows"> <div class="slider-arrows">
<button class="slider-arrow slider-arrow-prev sellerSlider-prev" aria-label="{{ function('pll_e', 'Previous products') }}"></button> <button class="slider-arrow slider-arrow-prev sellerSlider-prev" aria-label="{{ function('pll_e', 'Previous products') }}"></button>
<button class="slider-arrow slider-arrow-next sellerSlider-next" aria-label="{{ function('pll_e', 'Next products') }}"></button> <button class="slider-arrow slider-arrow-next sellerSlider-next" aria-label="{{ function('pll_e', 'Next products') }}"></button>
@ -54,7 +54,7 @@
<a href="{{ product.get_permalink() }}" class="seller_link"> <a href="{{ product.get_permalink() }}" class="seller_link">
<button class="seller_buy" aria-label="{{ function('pll_e', 'Buy') }} {{ product.get_name() }}"> <button class="seller_buy" aria-label="{{ function('pll_e', 'Buy') }} {{ product.get_name() }}">
{{ function('pll_e', 'Buy') }} {% if current_lang == 'ru' %}Купить{% elseif current_lang == 'en' %}Buy{% endif %}
</button> </button>
</a> </a>
</div> </div>
@ -71,7 +71,7 @@
<div class="seller_full"> <div class="seller_full">
<div class="container"> <div class="container">
<a href="{{ function('wc_get_page_permalink', 'shop') }}" class="seller_full-link"> <a href="{{ function('wc_get_page_permalink', 'shop') }}" class="seller_full-link">
{{ function('pll_e', 'All products') }} {% if current_lang == 'ru' %}Вся продукция{% elseif current_lang == 'en' %}All products{% endif %}
</a> </a>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save