diff --git a/wp-content/.htaccess b/wp-content/.htaccess index 7bb2873..67c3297 100644 --- a/wp-content/.htaccess +++ b/wp-content/.htaccess @@ -1,7 +1 @@ - -# BEGIN WebP Converter -# ! --- DO NOT EDIT PREVIOUS LINE --- ! -# ! --- DO NOT EDIT NEXT LINE --- ! -# END WebP Converter - \ No newline at end of file diff --git a/wp-content/themes/cosmopet/archive.php b/wp-content/themes/cosmopet/archive.php new file mode 100644 index 0000000..1587666 --- /dev/null +++ b/wp-content/themes/cosmopet/archive.php @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/functions.php b/wp-content/themes/cosmopet/functions.php index 1cd6aa7..7633f58 100644 --- a/wp-content/themes/cosmopet/functions.php +++ b/wp-content/themes/cosmopet/functions.php @@ -45,12 +45,36 @@ function requireAjaxControllers($baseDir) { } } -if( wp_doing_ajax() ){ +function requireShortcodes($baseDir) { + $modules = glob($baseDir . '/*', GLOB_ONLYDIR); -requireAjaxControllers($modulesDir); + foreach ($modules as $module) { + $componentsDir = $module . '/shortcodes'; + if (is_dir($componentsDir)) { + // Рекурсивно подключаем все shortcodes.php + requireShortcodesRecursive($componentsDir); + } + } +} +function requireShortcodesRecursive($dir) { + // Получаем все подпапки в текущем каталоге + $components = glob($dir . '/*', GLOB_ONLYDIR); + + foreach ($components as $component) { + // Проверяем наличие файла shortcode.php в текущей подпапке + $componentController = $component . '/shortcode.php'; + if (file_exists($componentController)) { + require_once $componentController; + } + + // Рекурсивно вызываем функцию для каждой найденной подпапки + requireShortcodesRecursive($component); + } } +// Пример вызова функции + function includeFilesFromFolder($folder) { // Проверяем, существует ли папка if (is_dir($folder)) { @@ -249,6 +273,16 @@ $modules_path = get_template_directory() . '/modules/*/editor-blocks/*/editor-bl foreach (glob($modules_path) as $file) { require_once $file; // Подключаем каждый найденный файл } +add_filter('timber/context', function($context) { + $context['current_lang'] = pll_current_language(); + + return $context; +}); + +requireShortcodes(get_template_directory() . '/modules'); +require_once('modules/blog/components/news-list/component-ajax-controller.php'); +require_once('modules/forms/module-ajax-controller.php'); +include_module('forms'); include_module('layout'); diff --git a/wp-content/themes/cosmopet/global-functions/multilang-functions.php b/wp-content/themes/cosmopet/global-functions/multilang-functions.php index e69de29..09319fd 100644 --- a/wp-content/themes/cosmopet/global-functions/multilang-functions.php +++ b/wp-content/themes/cosmopet/global-functions/multilang-functions.php @@ -0,0 +1,26 @@ +скидку!', 'Узнайте о нас больше и получите скидку!'); \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/archive/component-controller.php b/wp-content/themes/cosmopet/modules/blog/components/archive/component-controller.php index 5851e80..afda2b7 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/archive/component-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/components/archive/component-controller.php @@ -11,7 +11,8 @@ wp_localize_script('blog-archive-posts-ajax-js', 'ajax', array( )); $context = Timber::get_context(); - +$context['blog_title'] = get_field('blog_title', 'options'); +$context['blog_desc'] = get_field('blog_desc', 'options'); $context['post_count'] = wp_count_posts()->publish; // Количество опубликованных постов $context['total_pages'] = ceil($context['post_count'] / get_option('posts_per_page')); // Общее количество страниц diff --git a/wp-content/themes/cosmopet/modules/blog/components/archive/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/archive/component-template.twig index c77e21f..4b99b09 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/archive/component-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/components/archive/component-template.twig @@ -6,8 +6,8 @@
-

БЛОГ

-

Мы пишем про то, что нас по‑настоящему цепляет: биотехнологии, науку, здоровье и то, как этот мир сделать лучше. Мы не боимся сложных тем и неудобных вопросов, ведь именно с них начинается будущее

+

{{blog_title}}

+

{{blog_desc}}

{% include '/blog/components/featured-slider/component-template.twig' %}
@@ -20,7 +20,7 @@ {% include '/blog/components/most-read/component-template.twig' %}
-

ВСЕ СТАТЬИ

+

{{ function('pll_e', 'ВСЕ СТАТЬИ') }}

{{_post.date}}
-
время чтения: {{_post.reading_time}}
+
{{ function('pll_e', 'время чтения') }}: {{_post.reading_time}}
- читать статью + {{ function('pll_e', 'читать статью') }}
diff --git a/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig index c5a282b..a0acaff 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig @@ -1,5 +1,5 @@
-

САМЫЕ ЧИТАЕМЫЕ:

+

{{ function('pll_e', 'САМЫЕ ЧИТАЕМЫЕ') }}:

diff --git a/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig index 1e9bfba..00ba6c4 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig @@ -15,7 +15,7 @@ {{post.title}}

{{post.date}}

-

время чтения: {{post.reading_time}}

+

{{ function('pll_e', 'время чтения') }}: {{post.reading_time}}

diff --git a/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css index e69de29..884ed90 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css @@ -0,0 +1,112 @@ +.article-content p { + color: var(--grey-black); + font-size: 24px; + line-height: 32px; + font-weight: 500; +} + +.article-content h2 { + max-width: 661px; + font-size: 36px; + line-height: 40px; + font-weight: bold; + text-transform: uppercase; + color: var(--grey-black); +} + +.indent { + background: #E2F3FF; + border-radius: 32px; + padding: 36px 49px; + display: flex; + flex-direction: column; + gap: 32px; + margin-bottom: 48px; +} + + +/* Discount */ +.discount { + background: radial-gradient(122% 156.56% at 100% 0%, #7E90FF 0%, #8187FF 45%, #F8A6FF 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; + border-radius: 32px; + padding: 32px; + position: relative; + z-index: 1; + margin-bottom: 48px; +} + +.discount-title { + font-size: 36px; + font-weight: bold; + line-height: 40px; + text-transform: uppercase; + max-width: 517px; + color: var(--main_black); + margin-bottom: 15px; +} + +.discount-bg { + position: absolute; + top: 4px; + right: 8px; + width: 369px; + z-index: -1; +} + +.discount-bg.mb { + display: none; +} + +.discount-title span { + color: var(--main_white); +} + +.discount-form { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 15px; +} + +.discount-form input { + width: 280px; + height: 50px; + border: 2px solid var(--main_black); + border-radius: 48px; + background: #F5F5F5; + padding: 0 18px; + font-size: 24px; + font-weight: 500; + color: var(--main_black); +} + +.discount-form button { + border: 2px solid var(--main_black); + background: transparent; + height: 50px; + padding: 0 30px; + font-size: 24px; + font-weight: 500; + color: var(--main_black); + border-radius: 50px; +} + +.discount-form button:hover { + background: var(--interface_title); + color: var(--main_white); +} + +p.discount-description__1 { + font-size: 14px; + font-weight: 500; + color: var(--main_black); + max-width: 621px; + margin-bottom: 15px; +} + +p.discount-description__2 { + font-size: 20px; + font-weight: 500; + color: var(--main_black); +} +/* Discount end */ \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-tablet.css index e69de29..6893c18 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-tablet.css +++ b/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-tablet.css @@ -0,0 +1,61 @@ +@media (max-width: 992px) { + .discount { + padding: 32px 24px; + border-radius: 32px; + margin-bottom: 48px; + } + + .discount-title { + font-size: 26px; + line-height: 32px; + margin-bottom: 21px; + } + + .discount-bg { + display: none; + } + + .discount-bg.mb { + display: inline-block; + position: static; + margin-bottom: 21px; + } + + .discount-form { + flex-direction: column; + gap: 21px; + margin-bottom: 21px; + } + + .discount-form img { + display: none; + } + + .discount-form input { + width: 100%; + text-align: center; + } + + .discount-form button { + width: 100%; + text-align: center; + } + + .discount-descriptions { + display: flex; + flex-direction: column-reverse; + } + + .discount-description__2 { + font-size: 18px; + line-height: 24px; + font-weight: 500; + grid-area: 21px; + margin-bottom: 21px; + } + + .discount-description__1 { + margin-bottom: 0; + font-size: 12px; + } +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php b/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php index a824287..b31f0b5 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php @@ -1,6 +1,6 @@
- Главная / - Блог / + {{ function('pll_e', 'Главная') }} / + {{ function('pll_e', 'Блог') }} / {{ post.name }}
@@ -26,7 +26,7 @@ {% endfor %}

{{post.date}}

-

время чтения: {{post.reading_time}}

+

{{ function('pll_e', 'время чтения') }}: {{post.reading_time}}

@@ -41,9 +41,15 @@
{{post.content}} +
- +
+
+ {% include '/blog/components/featured-slider/component-template.twig' %} +
+
+ {% endblock %} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig index c53e444..14d740f 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig @@ -1,15 +1,15 @@ - +
+

{{ function('pll_e', 'Темы') }}:

+ +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/assets/css/style.css new file mode 100644 index 0000000..7a777cc --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/assets/css/style.css @@ -0,0 +1,77 @@ +.block-accent { + display: flex; + flex-direction: column; + gap: 48px; +} + +.block-accent__card { + padding: 36px 63px 36px 49px; + border-radius: 32px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 32px; + width: 100%; +} + +.block-accent .card-violet { + flex-direction: row-reverse; + background: var(--violet_90); +} + +.block-accent__card-content { + width: 100%; + display: flex; + flex-direction: column; + gap: 21px; +} + +.block-accent__card h3 { + font-size: 26px; + font-weight: bold; + color: var(--grey-black); + text-transform: uppercase; +} + +.block-accent__card p { + font-size: 24px; + line-height: 32px; + font-weight: 500; + color: var(--grey-black); +} + +.block-accent__card img { + flex-shrink: 0; +} + +.block-accent .card-orange { + background: var(--orange_80); +} + +.block-accent .card-blue { + background: #E0FDFF; +} + +@media (max-width: 992px) { + .block-accent__card { + padding: 36px 24px; + gap: 32px; + flex-direction: column !important; + } + + .block-accent__card-content { + gap: 27px; + } + + .block-accent__card-content h3 { + font-size: 20px; + line-height: 24px; + text-align: center; + } + + .block-accent__card-content p { + font-size: 18px; + line-height: 24px; + } + +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php new file mode 100644 index 0000000..e136f20 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php @@ -0,0 +1,40 @@ + 'gp_accent', + 'title' => __('GP - accent'), + 'description' => __('accent block'), + 'render_callback' => 'accent_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'accent', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_accent_style', get_template_directory_uri() . '/modules/blog/editor-blocks/accent/assets/css/style.css', array(), '2.0', 'all'); + } + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig new file mode 100644 index 0000000..0bf4818 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig @@ -0,0 +1,14 @@ + +
+
+ {% if order %} + {{img.src}} + {% endif %} +
+ {{content}} +
+ {% if not order %} + {{img.src}} + {% endif %} +
+
diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/css/style.css new file mode 100644 index 0000000..f09ab57 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/css/style.css @@ -0,0 +1,131 @@ + +/* Alerts */ +.alerts { + display: flex; + flex-direction: column; + gap: 48px; +} + +.alerts-grey { + padding: 32px 98px; + border-radius: 32px; + background: var(--bg-light-grey); + position: relative; +} + +.alerts-grey p { + color: #191919; + font-size: 24px; + font-weight: 500; + line-height: 32px; +} + +.alerts-grey .icon-1 { + position: absolute; + top: 32px; + left: 32px; +} + +.alerts-grey .icon-2 { + position: absolute; + bottom: 32px; + right: 32px; +} + +.alerts-violet { + background: #FAEAE9; + border-radius: 32px; + padding: 32px; + display: flex; + align-items: center; + gap: 32px; +} + +.alerts-violet img { + flex-shrink: 0; +} + +.alerts-violet p { + font-size: 24px; + font-weight: 500; + line-height: 32px; + color: #191919; +} + +.alerts-yellow { + display: flex; + align-items: center; + background: #FEF8E6; + border-radius: 32px; + padding: 32px; + gap: 32px; +} + +.alerts-yellow img { + flex-shrink: 0; +} + +.alerts-yellow p { + font-size: 24px; + line-height: 32px; + font-weight: 500; + color: #191919; +} + +.alerts-green { + background: #E9F8EB; + border-radius: 32px; + padding: 32px; + display: flex; + align-items: center; + gap: 32px; +} + +.alerts-green img { + flex-shrink: 0; +} + +.alerts-green p { + color: #191919; + font-size: 24px; + font-weight: 500; + line-height: 32px; +} +/* Alerts end */ + +@media (max-width: 992px) { + .alerts-grey { + padding: 32px 48px; + } + + .alerts-grey .icon-1 { + width: 24px; + top: 32px; + left: 16px; + } + + .alerts-grey .icon-2 { + width: 24px; + right: 16px; + bottom: 32px; + } + + .alerts-grey p { + font-size: 18px; + line-height: 24px; + } + + .alerts-violet, + .alerts-yellow, + .alerts-green { + padding: 32px 24px; + flex-direction: column; + } + + .alerts-violet p, + .alerts-yellow p, + .alerts-green p { + font-size: 18px; + line-height: 24px; + } +} diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-1.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-1.svg new file mode 100644 index 0000000..f40bd80 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-2.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-2.svg new file mode 100644 index 0000000..aa390bd --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-3.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-3.svg new file mode 100644 index 0000000..3d6a8b4 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-4.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-4.svg new file mode 100644 index 0000000..a0d3f64 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-4.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-5.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-5.svg new file mode 100644 index 0000000..cdf8ab8 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/icon-5.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php new file mode 100644 index 0000000..d3788fb --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php @@ -0,0 +1,38 @@ + 'gp_alerts', + 'title' => __('GP - alerts'), + 'description' => __('Alerts block'), + 'render_callback' => 'alerts_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'alerts', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_alerts_style', get_template_directory_uri() . '/modules/blog/editor-blocks/alerts/assets/css/style.css', array(), '2.0', 'all'); + } + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig new file mode 100644 index 0000000..b3a9280 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig @@ -0,0 +1,17 @@ +
+
+ {% if color == 'grey' %} + + {% elseif color == 'violet' %} + + {% elseif color == 'yellow' %} + + {% elseif color == 'green' %} + + {% endif %} +

{{content}}

+ {% if color == 'grey' %} + + {% endif %} +
+
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/css/style.css new file mode 100644 index 0000000..2cfc48c --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/css/style.css @@ -0,0 +1,176 @@ + +/* Article block */ +.article-block__head { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + margin-bottom: 48px; + gap: 30px; +} + +.article-block__head-left { + display: flex; + flex-direction: column; + gap: 23px; +} + +.article-block__head-left h3 { + font-size: 24px; + font-weight: bold; + left: 28px; + text-transform: uppercase; + color: var(--grey-black); +} + +.article-block__head-left p { + font-size: 24px; + font-weight: 500; + line-height: 32px; + color: var(--grey-black); +} + +.article-block__head-right img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50px; +} + +.article-block__item-wrap { + display: flex; + flex-direction: column; + gap: 72px; +} + +.article-block__item { + display: flex; + align-items: stretch; + justify-content: space-between; + gap: 32px; +} + +.article-block__item-content { + display: flex; + flex-direction: column; + width: 100%; + gap: 23px; +} + +.article-block__item-content h3 { + font-size: 26px; + font-weight: bold; + color: var(--grey-black); +} + +.article-block__item-content p { + font-size: 24px; + line-height: 32px; + font-weight: 500; +} + +.article-block__item-content ul { + width: 100%; + background: var(--bg-light-grey); + border-radius: 24px; + display: flex; + align-items: center; + padding: 20px; + gap: 24px; +} + +.article-block__item-content ul li { + display: flex; + align-items: center; + gap: 20px; + font-size: 20px; + line-height: 24px; + color: var(--grey-black); +} + +.article-block__item-content ul li img { + flex-shrink: 0; +} + +.article-block__item-img { + width: 315px; + flex-shrink: 0; +} + +.article-block__item-img img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50px; +} +/* Article block end */ + +@media (max-width: 992px) { + .article-block__head { + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: 32px; + } + + .article-block__head-left { + order: 2; + } + + .article-block__head-left h3 { + font-size: 20px; + line-height: 24px; + } + + .article-block__head-left p { + font-size: 18px; + line-height: 24px; + } + + .article-block__head-right { + order: 1; + height: 319px; + } + + .article-block__item-wrap { + gap: 48px; + } + + .article-block__item { + flex-direction: column; + gap: 32px; + } + + .article-block__item-img { + order: 1; + width: 100%; + height: 450px; + border-radius: 50px; + } + + .article-block__item-content { + order: 2; + } + + .article-block__item-content h3 { + font-size: 20px; + line-height: 24px; + } + + .article-block__item-content p { + font-size: 18px; + line-height: 24px; + } + + .article-block__item-content ul { + flex-direction: column; + padding: 20px 14px 20px 20px; + gap: 28px; + border-radius: 24px; + } + + .article-block__item-content ul li { + gap: 19px; + } + + .article-block__item-content ul li p { + font-size: 16px; + line-height: 20px; + } +} diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/minus-icon.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/minus-icon.svg new file mode 100644 index 0000000..b4d504c --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/minus-icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/plus-icon.svg b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/plus-icon.svg new file mode 100644 index 0000000..6066429 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/plus-icon.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php new file mode 100644 index 0000000..3e54c9f --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php @@ -0,0 +1,41 @@ + 'gp_block_img', + 'title' => __('GP - block_img'), + 'description' => __('block_img'), + 'render_callback' => 'block_img_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'block_img', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_img_style', get_template_directory_uri() . '/modules/blog/editor-blocks/block_img/assets/css/style.css', array(), '2.0', 'all'); + } + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig new file mode 100644 index 0000000..29f9196 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig @@ -0,0 +1,49 @@ +
+ {% if shrink %} +
+ {% if order %} +
+ {{img.alt}} +
+ {% endif %} +
+ {{content}} +
+ {% if not order %} +
+ {{img.alt}} +
+ {% endif %} +
+ {% else %} +
+
+ {% if order %} +
+ {{img.alt}} +
+ {% endif %} +
+ {{content}} + {% if plus_minus.plus %} +
    +
  • + +

    {{ plus_minus.plus }}

    +
    • +
  • + +

    {{ plus_minus.minus }}

    +
    • +
+ {% endif %} +
+ {% if not order %} +
+ {{img.alt}} +
+ {% endif %} +
+
+ {% endif %} +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/assets/css/style.css new file mode 100644 index 0000000..d503971 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/assets/css/style.css @@ -0,0 +1,56 @@ +/* Diet */ +.diet { + background: var(--violet_90); + border-radius: 32px; + padding: 36px 49px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 32px; + margin-bottom: 48px; +} + +.diet p { + font-size: 24px; + font-weight: 500; + line-height: 32px; + color: var(--grey-black); +} + +.diet a { + padding: 12px 24px; + text-align: center; + border: 1px solid var(--main_black); + background: var(--main_white); + border-radius: 20px; + font-size: 20px; + line-height: 24px; + font-weight: 600; +} + +.diet a:hover { + background: var(--interface_title); + color: var(--main_white) +} +/* Diet end */ + +@media only screen and (max-width: 992px) { + .diet { + padding: 36px 24px; + border-radius: 32px; + flex-direction: column; + margin-bottom: 48px; + } + + .diet p { + width: 100%; + font-size: 18px; + line-height: 24px; + } + + .diet a { + width: 100%; + } +} + + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php new file mode 100644 index 0000000..a7a4c18 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php @@ -0,0 +1,46 @@ + 'gp_button_block', + 'title' => __('GP - button_block'), + 'description' => __('button_block block'), + 'render_callback' => 'button_block_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'button_block', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_button_block_style', get_template_directory_uri() . '/modules/blog/editor-blocks/button_block/assets/css/style.css', array(), '2.0', 'all'); + }, + 'supports' => array( + 'align' => true, + 'multiple' => true, + 'jsx' => true, + '__experimentalInnerBlocks' => true, // Включение поддержки вложенных блоков + ), + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-template.twig new file mode 100644 index 0000000..093ebf5 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-template.twig @@ -0,0 +1,4 @@ +
+

{{ text }}

+ {{button}} +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/assets/css/style.css new file mode 100644 index 0000000..5392995 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/assets/css/style.css @@ -0,0 +1,16 @@ +/* Product card */ +.product-card { + display: flex; + align-items: center; + gap: 50px; + justify-content: center; + background: var(--blue_90); + padding: 32px; + border-radius: 50px; +} + +.product-card img { + max-width: 740px; + max-height: 512px; +} +/* Product card end */ \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php new file mode 100644 index 0000000..7c2e932 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php @@ -0,0 +1,44 @@ + 'gp_image', + 'title' => __('GP - image'), + 'description' => __('image block'), + 'render_callback' => 'image_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'image', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_image_style', get_template_directory_uri() . '/modules/blog/editor-blocks/image/assets/css/style.css', array(), '2.0', 'all'); + }, + 'supports' => array( + 'align' => true, + 'multiple' => true, + 'jsx' => true, + '__experimentalInnerBlocks' => true, // Включение поддержки вложенных блоков + ), + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-template.twig new file mode 100644 index 0000000..ffca0b8 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-template.twig @@ -0,0 +1,3 @@ +
+ {{image.alt}} +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/assets/css/style.css new file mode 100644 index 0000000..822cc2f --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/assets/css/style.css @@ -0,0 +1,24 @@ +.list_v1 { + display: flex; + flex-direction: column; + gap: 32px; +} + +.list_v1 li { + display: flex; + align-items: flex-start; + gap: 16px; +} + +.list_v1 li h3 { + font-size: 26px; + font-weight: bold; + text-transform: uppercase; + color: var(--grey-black); + margin-bottom: 16px; +} + +.list_v1 li img { + flex-shrink: 0; + max-width: 54px; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php new file mode 100644 index 0000000..4224189 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php @@ -0,0 +1,44 @@ + 'gp_list_v1', + 'title' => __('GP - list_v1'), + 'description' => __('list_v1 block'), + 'render_callback' => 'list_v1_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'list_v1', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_list_v1_style', get_template_directory_uri() . '/modules/blog/editor-blocks/list_v1/assets/css/style.css', array(), '2.0', 'all'); + }, + 'supports' => array( + 'align' => true, + 'multiple' => true, + 'jsx' => true, + '__experimentalInnerBlocks' => true, // Включение поддержки вложенных блоков + ), + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-template.twig new file mode 100644 index 0000000..a91a257 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-template.twig @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/assets/css/style.css new file mode 100644 index 0000000..c208761 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/assets/css/style.css @@ -0,0 +1,34 @@ +/* block_lists */ +.block-lists { + margin: 48px 0; + display: flex; + flex-direction: column; + gap: 48px; +} + +.block-list_block { + display: flex; + align-items: start; + gap: 25px; +} + +.block-list_block img { + width: 145px; + flex-shrink: 0; +} + +.block-list_block h3 { + font-size: 24px; + font-weight: 700; + line-height: 28px; + color: var(--main_black); + margin-bottom: 24px; +} + +.block-list_block p { + font-size: 24px; + font-weight: 500; + line-height: 32px; + color: var(--main_black); +} +/* block_lists */ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php new file mode 100644 index 0000000..5fb1959 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php @@ -0,0 +1,43 @@ + 'gp_list_list_v2', + 'title' => __('GP - list_v2'), + 'description' => __('list_v2 block'), + 'render_callback' => 'list_v2_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'list_v2', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_list_v2_style', get_template_directory_uri() . '/modules/blog/editor-blocks/list_v2/assets/css/style.css', array(), '2.0', 'all'); + }, + 'supports' => array( + 'align' => true, + 'multiple' => true, + 'jsx' => true, + '__experimentalInnerBlocks' => true, // Включение поддержки вложенных блоков + ), + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-template.twig new file mode 100644 index 0000000..90f5af8 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-template.twig @@ -0,0 +1,10 @@ +
+ {% for item in list %} +
+ {{ item.icon.alt }} +
+ {{ item.text }} +
+
+ {% endfor %} +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/css/style.css new file mode 100644 index 0000000..f1ff438 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/css/style.css @@ -0,0 +1,72 @@ +.texts-swp { + position: relative; +} + +.texts-swp__prev { + position: absolute; + z-index: 2; + top: 50%; + transform: translateY(-50%); + left: 10px; + background: var(--main_white); + width: 56px; + height: 56px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 20px; +} + +.texts-swp__next { + position: absolute; + z-index: 2; + top: 50%; + transform: translateY(-50%); + right: 10px; + background: var(--main_white); + width: 56px; + height: 56px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 20px; +} + +.texts-swp .swiper-slide img { + height: 517px; + width: 100%; + object-fit: cover; + border-radius: 50px; +} + +/* .texts-swp .swiper-slide:not(.swiper-slide-active) { + height: 0; + overflow: hidden; +} */ + +.texts-swp__pagination { + position: absolute; + top: auto !important; + bottom: 20px !important; + right: auto; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + gap: 11px; +} + +.texts-swp__pagination span { + opacity: 0.5; + background: var(--main_white); + width: 40px; + height: 6px; + border-radius: 6px; + margin: 0 !important; + padding: 0 !important; +} + +.texts-swp__pagination span.swiper-pagination-bullet-active { + opacity: 1; +} + diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/js/script.js b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/js/script.js new file mode 100644 index 0000000..e3ba060 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/js/script.js @@ -0,0 +1,14 @@ +const textsSwp = new Swiper('.texts-swp .swiper', { + slidesPerView: 1, + spaceBetween: 0, + loop: true, + effect: 'fade', + navigation: { + nextEl: '.texts-swp__next', + prevEl: '.texts-swp__prev' + }, + pagination: { + el: ".texts-swp__pagination", + clickable: true, + } +}) \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php new file mode 100644 index 0000000..112062c --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php @@ -0,0 +1,40 @@ + 'gp_slider', + 'title' => __('GP - slider'), + 'description' => __('Slider block'), + 'render_callback' => 'slider_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'slider', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_script('layout-swiper-bundle.min-js',get_template_directory_uri() . '/modules/layout/assets/js/swiper-bundle.min.js', ['jquery'], '1.0', 'all'); + wp_enqueue_script('gp_arcticle_slider_js',get_template_directory_uri() . '/modules/blog/editor-blocks/swiper/assets/js/script.js', ['jquery'], '1.0', 'all'); + wp_enqueue_style('gp_slider_style', get_template_directory_uri() . '/modules/blog/editor-blocks/swiper/assets/css/style.css', array(), '2.0', 'all'); + wp_enqueue_style('layout-swiper-bundle-css', get_template_directory_uri() . '/modules/layout/assets/css/swiper-bundle.css', array(), '1.0', 'all'); + } + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-template.twig new file mode 100644 index 0000000..29f0219 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-template.twig @@ -0,0 +1,18 @@ +
+ + +
+
+
+ {% for slide in gallery %} +
+ {{ slide.img.alt }} +
+ {% endfor %} +
+
+
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/assets/css/style.css new file mode 100644 index 0000000..5ef95e0 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/assets/css/style.css @@ -0,0 +1,87 @@ +/* Article table */ +.article-table__wrap { + background: var(--accent-3); + border-radius: 24px; + overflow: hidden; + padding: 2px; + margin-bottom: 48px; +} + +.article-table { + background: var(--main_white); + border-radius: 22px; + overflow: hidden; + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 18px; +} + +.article-table__item { + display: flex; + width: calc(100% / 3 - 36px / 3); + align-items: stretch; + border: 1px solid #E1E1E1; + text-align: center; + font-size: 20px; + line-height: 24px; + font-weight: 500; +} + +.article-table__item ul { + width: 50%; + flex-shrink: 0; +} + +.article-table__item li { + padding: 8px; +} + +.article-table__item li:not(:last-child) { + border-bottom: 1px solid #E1E1E1; +} + +.article-table__item li:first-child { + background: #E1E1E1; +} + +.article-table__item ul:first-child li:first-child { + border-right: 1px solid var(--main_white); +} + +.article-table__item ul:not(:last-child) li { + border-right: 1px solid #E1E1E1; +} +/* Article table end */ + + +@media (max-width: 992px) { + .article-table { + flex-direction: column; + gap: 0px; + } + + .article-table__item { + width: 100%; + } + + .article-table__item:not(:first-child) li:first-child { + display: none; + } + + .article-table__item:not(:first-child) { + border-top: 0; + } + + .article-table__item ul li { + font-size: 16px; + line-height: 20px; + font-weight: 500; + } + + .article-block__head { + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: 32px; + } + +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php new file mode 100644 index 0000000..1aa4c85 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php @@ -0,0 +1,36 @@ + 'gp_table', + 'title' => __('GP - table'), + 'description' => __('table block'), + 'render_callback' => 'table_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'table', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_table_style', get_template_directory_uri() . '/modules/blog/editor-blocks/table/assets/css/style.css', array(), '2.0', 'all'); + } + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-template.twig new file mode 100644 index 0000000..3bcd239 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-template.twig @@ -0,0 +1,21 @@ +
+
+ {%for item in content %} +
+
    +
  • {{ item.head_1 }}
    • + {% for c in item.table %} +
  • {{c.text_1}}
    • + {% endfor %} +
+
    +
  • {{ item.head_2 }}
    • + {% for c in item.table %} +
  • {{c.text_2}}
    • + {% endfor %} +
+
+ {% endfor %} + +
+
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css index 3b2c455..ba9c6a8 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css @@ -20,24 +20,6 @@ text-transform: uppercase; } -.texts-description { - display: flex; - flex-direction: column; - gap: 48px; -} - -.texts-description p { - color: var(--grey-black); - font-size: 24px; - line-height: 32px; - font-weight: 500; -} - -.texts-description a { - display: inline; - text-decoration: underline; -} - .texts ol { display: flex; flex-direction: column; @@ -46,15 +28,18 @@ line-height: 32px; font-weight: 500; color: #191919; + counter-reset: none; } .texts ol li { display: flex; align-items: center; gap: 12px; + counter-increment: num; } -.texts ol h4 { +.texts ol li::before { + content: counter(num); background: var(--accent-1); border-radius: 5.2px; width: 32px; @@ -96,6 +81,19 @@ } +.texts p { + color: var(--grey-black); + font-size: 24px; + line-height: 32px; + font-weight: 500; +} + +.texts a { + display: inline; + text-decoration: underline; +} + + @media only screen and (max-width: 992px) { .texts h2 { diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php index c18aa0e..8410e80 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php @@ -25,7 +25,7 @@ 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); - wp_enqueue_style('gp_texts_style', get_template_directory_uri() . '/modules/blog/editor-blocks/texts/assets/css/style.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_texts_style', get_template_directory_uri() . '/modules/blog/editor-blocks/texts/assets/css/style.css', array(), '2.0', 'all'); } )); } diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/assets/css/style.css new file mode 100644 index 0000000..ceadf34 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/assets/css/style.css @@ -0,0 +1,5 @@ +.video_block { + display: flex; + align-items: center; + justify-content: center; +} diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php new file mode 100644 index 0000000..3404be4 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php @@ -0,0 +1,43 @@ + 'gp_video', + 'title' => __('GP - video'), + 'description' => __('video block'), + 'render_callback' => 'video_render_callback', + 'category' => 'formatting', + 'icon' => 'admin-comments', + 'keywords' => array( 'video', 'gp-block',), + 'mode' => 'preview', + 'enqueue_assets' => function(){ + wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); + wp_enqueue_style('gp_video_style', get_template_directory_uri() . '/modules/blog/editor-blocks/video/assets/css/style.css', array(), '2.0', 'all'); + }, + 'supports' => array( + 'align' => true, + 'multiple' => true, + 'jsx' => true, + '__experimentalInnerBlocks' => true, // Включение поддержки вложенных блоков + ), + )); + } +}); + + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-template.twig new file mode 100644 index 0000000..88b7e01 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-template.twig @@ -0,0 +1,3 @@ +
+ {{video}} +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/module-controller.php b/wp-content/themes/cosmopet/modules/blog/module-controller.php index d3ce61c..7a1c97b 100644 --- a/wp-content/themes/cosmopet/modules/blog/module-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/module-controller.php @@ -20,7 +20,7 @@ class BlogPost extends \Timber\Post $minutes = round($symb / $symb_per_minute); /* translators: %s: Time duration in minute or minutes. */ - return sprintf(_n('%s мин.', '%s мин.', $minutes), (int) $minutes); + return sprintf(_n('%s ' . pll__('мин.'), '%s ' . pll__('мин.'), $minutes), (int) $minutes); } } diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/intend/shortcode.php b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend/shortcode.php new file mode 100644 index 0000000..e7fb953 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend/shortcode.php @@ -0,0 +1,12 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/intend/shortcode.twig b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend/shortcode.twig new file mode 100644 index 0000000..838e89f --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend/shortcode.twig @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/intend_close/shortcode.php b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend_close/shortcode.php new file mode 100644 index 0000000..926e0bb --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend_close/shortcode.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/intend_close/shortcode.twig b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend_close/shortcode.twig new file mode 100644 index 0000000..c63a94a --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/intend_close/shortcode.twig @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/assets/img/discount-bg-sm.png b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/assets/img/discount-bg-sm.png new file mode 100644 index 0000000..4a2e4d3 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/assets/img/discount-bg-sm.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/assets/img/discount-bg.png b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/assets/img/discount-bg.png new file mode 100644 index 0000000..1679df3 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/assets/img/discount-bg.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php new file mode 100644 index 0000000..62f9b14 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig new file mode 100644 index 0000000..6bde05a --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig @@ -0,0 +1,17 @@ + +{% set current_path = '/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form' %} +
+

{{ function('pll_e', 'Узнайте о нас больше и получите скидку!') }}

+ + +
+ + + +
+
+

{{ function('pll_e', 'Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах') }}

+

{{ function('pll_e', 'Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших, предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции', 'Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции') }}

+
+
+ \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/example/components/example/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/example/components/example/component-ajax-controller.php index 0666218..e69de29 100644 --- a/wp-content/themes/cosmopet/modules/example/components/example/component-ajax-controller.php +++ b/wp-content/themes/cosmopet/modules/example/components/example/component-ajax-controller.php @@ -1,4 +0,0 @@ - \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/footer/module-controller.php b/wp-content/themes/cosmopet/modules/footer/module-controller.php index 15c5adc..6b46b98 100644 --- a/wp-content/themes/cosmopet/modules/footer/module-controller.php +++ b/wp-content/themes/cosmopet/modules/footer/module-controller.php @@ -1,3 +1,14 @@ \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/footer/module.template.twig b/wp-content/themes/cosmopet/modules/footer/module.template.twig index d878a2e..5574dc8 100644 --- a/wp-content/themes/cosmopet/modules/footer/module.template.twig +++ b/wp-content/themes/cosmopet/modules/footer/module.template.twig @@ -9,59 +9,43 @@ сosmopet

- 123182 г. Москва,
- 4-й Красногорский пр.,
- д. 2/4, стр. 1, этаж/ком. 3/1 + {{adres}}

- Чат бот с ветеринаром - Калькулятор рациона + {{ function('pll_e', 'Чат бот с ветеринаром') }} + {{ function('pll_e', 'Калькулятор рациона') }}
-
-

Форма обратной связи

- - - - + +

{{ function('pll_e', 'Форма обратной связи') }}

+ + + +
- Соглашение о конфиденциальности - Декларация соответствия корма - Декларация соответствия лакомств + {% for item in links %} + {{item.name}} + {% endfor %}
diff --git a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js new file mode 100644 index 0000000..4f137cf --- /dev/null +++ b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js @@ -0,0 +1,19 @@ +jQuery(document).ready(function($) { + $('.form-process').submit(function(event) { + event.preventDefault(); + + let formData = $(this).serialize(); + + $.ajax({ + type: 'POST', + url: '/wp-admin/admin-ajax.php', + data: { + action: 'process_form', + formData: formData + }, + success: function(response) { + alert(response.message); + } + }); + }); +}); \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php b/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php new file mode 100644 index 0000000..edf09f5 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php @@ -0,0 +1,21 @@ +handle($formData); + + wp_send_json($response); +} + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/forms/module-controller.php b/wp-content/themes/cosmopet/modules/forms/module-controller.php new file mode 100644 index 0000000..7017d69 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/forms/module-controller.php @@ -0,0 +1,72 @@ +nextHandler = $nextHandler; + } + + public function handle($data) { + if ($this->nextHandler) { + return $this->nextHandler->handle($data); + } + return ['success' => true, 'message' => 'Форма обработана']; + } +} + +class b24Handler extends FormHandler { + public function handle($data) { + // Логика отправки в Mailchimp + error_log("Отправка в b24: " . json_encode($data)); + + // Вызываем следующий обработчик в цепочке + return parent::handle($data); + } +} + +class zohoHandler extends FormHandler { + public function handle($data) { + // Логика отправки в HubSpot + error_log("Отправка в Zoho: " . json_encode($data)); + + return parent::handle($data); + } +} + +class mindboxHandler extends FormHandler { + public function handle($data) { + // Отправка в стандартный обработчик (например, email) + error_log("Отправка в mindBox: " . json_encode($data)); + + return parent::handle($data); + } +} + +class emailHandler extends FormHandler { + public function handle($data) { + $to = 'fcs.andrew@gmail.com'; + $subject = 'Test Email'; + $message = json_encode($data, JSON_PRETTY_PRINT); // Преобразуем данные в строку + $headers = ['Content-Type: text/plain; charset=UTF-8']; + wp_mail($to, $subject, $message, $headers); + return parent::handle($data); + } +} + +class FormHandlerFactory { + public static function getHandler() { + // Базовый обработчик + $handler = new emailHandler(); + + // Добавляем в цепочку обработчиков + $handler = new mindboxHandler($handler); + $handler = new zohoHandler($handler); + $handler = new b24Handler($handler); + return $handler; + } +} + + + +?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/forms/module.template.twig b/wp-content/themes/cosmopet/modules/forms/module.template.twig new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css index 4159eb7..5db1412 100644 --- a/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css @@ -1,87 +1,740 @@ -/* Header */ -.header { - background: var(--main_white); - border-bottom: 1px solid var(--interface_title); - position: fixed; - top: 0; - left: 0; - width: 100%; - z-index: 4; -} +.main-menu{ + display: flex; + align-items: center; + + list-style-type: none; + margin-bottom: 0; + } + .main-menu li{ + margin-bottom: 0; + } + .lang p{ + margin-bottom: 0; + } + .main-menu__item{ + margin-left: 24px; + + transition: opacity .2s ease-out; + } + .main-menu__item:first-child{ + margin-left: 0; + } + .main-menu__item:hover{ + opacity: .8; + + background: #f2f2f2; + border-radius: 24px; + } + .header.white .main-menu__item:hover .main-menu__link{ + color: #000 + } + .main-menu__item:active{ + opacity: 1; + } + .main-menu__link{ + display: block; + + padding: 8px 12px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: #000 + + text-decoration: none; + + transition: color .2s ease-out; + } + .main-menu__button{ + padding: 8px 32px 8px 12px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: #000 + + border: none; + border-radius: 24px; + + background: var(--gradient-turquoise); + + position: relative; + } + .main-menu__button::before{ + content: ''; + + position: absolute; + top: 14px; + right: 14px; + + width: 13px; + height: 8px; + + background-image: url(../img/arrow-black.svg); + background-repeat: no-repeat; + background-size: contain; + } -.header-container { + /* lang*/ +.lang{ + position: relative; + } + .lang__open{ + padding: 12px 15px; + + width: 74px; + + background: none; + border: none; + + display: flex; + align-items: center; + + transition: opacity .2s ease-out; + } + .lang__open:hover{ + opacity: .8; + } + .lang-open p{ + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + + text-align: start; + + color: #000 + } + .lang-open__arrow{ + margin-left: 7.25px; + + display: flex; + justify-content: center; + align-items: center; + } + .lang-open__black{ + + } + .lang-open__white{ + display: none; + } + .lang__content{ + position: absolute; + top: 33px; + left: -13px; + + height: 0; + + border-radius: 6px; + + transition: height .2s ease-out; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); + overflow: hidden; + + background-color: #fff; + + z-index: 100; + } + .lang__list{ + width: 104px; + + padding: 8px; + + list-style-type: none; + } + .lang-item{ + margin-top: 8px; + } + .lang-item:first-child{ + margin-top: 0; + } + .lang-item a{ + display: block; + + width: 100%; + text-transform: uppercase; + padding: 4px; + + border-radius: 6px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-dark); + + text-decoration: none; + + position: relative; + + transition: background-color .2s ease-out; + } + .lang-item a:hover, + .lang-item.current-lang a{ + background-color: var(--background-grey); + } + .lang-item.current-lang a::before{ + content: ''; + + position: absolute; + top: 10px; + right: 8px; + + width: 16px; + height: 12px; + + background-image: url(../img/arrow-selected.svg); + } + /* lang */ + /* mini-profile */ + .mini-profile{ + display: flex; + align-items: center; + } + .mini-profile__item{ + margin-left: 8px; + } + .mini-profile__item:first-child{ + margin-left: 0; + } + .mini-profile__button{ + display: block; + + padding: 8px; + display: flex; + justify-content: center; align-items: center; - justify-content: space-between; - padding: 16px 0; + + background: none; + border: none; + + transition: opacity .2s ease-out; + } + .mini-profile__button:hover{ + opacity: .8; + } + .mini-profile__icon{ + width: 24px; + aspect-ratio: 1; + } + .mini-profile__icon.white{ + display: none; + } + /* mini-profile */ + + + /* header start */ + +.header{ + position: relative; + + background-color: #fff; + + position: fixed; + left: 0; + top: 0; + right: 0; + + z-index: 200; } +.header::after{ + content: ''; + + position: absolute; + left: auto; + right: auto; + bottom: 0; + + width: 100%; + height: 1px; + + background: var(--text-3); -.header-bars { - display: none; } -.header-logo { - display: flex; - align-items: center; - gap: 8px; +.header__content{ + height: 72px; + + padding: 14px 24px; + + display: flex; + justify-content: space-between; + align-items: center; + position: relative; + z-index: 101; } -.header-logo span { - color: var(---main_black); - font-size: 20px; - text-transform: uppercase; +.header__open-menu{ + display: none; + + width: 24px; + aspect-ratio: 1; + + position: relative; + + border: none; + background: none; } +.header__open-menu::before{ + content: ''; + + position: absolute; + top: 8px; + left: 4px; + + width: 16px; + height: 2px; + + background: #000; + border-radius: 1px; -.header-navs { - display: flex; - align-items: center; - gap: 24px; } +.header__open-menu::after{ + content: ''; -.header-navs__link { - padding: 8px 12px; - font-size: 16px; - font-weight: bold; - text-transform: uppercase; - line-height: 20px; + position: absolute; + left: 4px; + bottom: 8px; + + width: 16px; + height: 2px; + + background: #000; + border-radius: 1px; } -.header-accordion {} +.header__logo{ + width: 182px; + height: 40px; +} +.header__logo-black, +.header__logo-white{ + width: 100%; + height: 100%; +} +.header__logo-white{ +display: none; +} -.header-accordion__btn { - display: flex; - align-items: center; - gap: 4px; - padding: 8px 12px; - border-radius: 24px; - background: var(--accent-2); - cursor: pointer; - user-select: none; - font-size: 16px; - font-weight: bold; - line-height: 20px; - color: var(---main_black); +.header__menu-block{ + position: absolute; + top: 72px; + left: 0; + + width: 100%; + height: 0; + + overflow: hidden; + transition: height .2s ease-out; + + background-color: #fff; + + z-index: 100; } -.header-right { - display: flex; - align-items: center; - gap: 8px; +.header__pc-menu{ + padding: 40px 46px; + + display: flex; + justify-content: center; + + position: relative; +} +.header__pc-menu::before{ + content: ''; + + position: absolute; + bottom: 0; + left: 46px; + + width: 330px; + height: 248px; + + background-image: url(../img/cat.png); + background-repeat: no-repeat; +} +.header__pc-menu::after{ + content: ''; + + position: absolute; + bottom: 0; + right: 46px; + + width: 330px; + height: 248px; + + background-image: url(../img/dog.png); + background-repeat: no-repeat; +} +.header-pc-menu__content{ + width: 600px; + + display: flex; + justify-content: space-between; } +.header-pc-menu__item{ + +} +.header-pc-menu__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 26px; + line-height: 123%; + text-transform: uppercase; + color: #000 + + text-decoration: none; +} +.header-pc-menu__list{ + margin-top: 16px; + + list-style-type: none; + padding-left: 0; +} +.header-pc-menu__list-li{ + margin-top: 25px; + margin-bottom: 0; +} +.header-pc-menu__list-li:first-child{ + margin-top: 0; +} +.header-pc-menu__list-li a{ + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-0); + + text-decoration: none; +} +.header__phone-menu{ + display: none; + + padding: 24px 16px; -.header-lang__btn { + height: calc(100vh - 56px); + + overflow-x: auto; +} +.header-phone-menu__item{ + padding: 16px 0; + + border-top: 1px solid #f4f1f0; + border-bottom: 1px solid #f4f1f0; + + display: flex; + flex-direction: column; +} +.header-phone-menu__item:first-child{ + border-top: 0; +} +.header-phone-menu__item:last-child{ + border-bottom: 0; +} +.header-phone-menu__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 120%; + color: #000 + + text-decoration: none; +} +.header-phone-menu__title--gradient{ + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.header-phone-menu__category{ + margin-top: 16px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 18px; + line-height: 133%; + color: #000 + + text-decoration: none; +} +.header-phone-menu__list{ + margin-top: 24px; + + padding-left: 32px; + + list-style-type: none; +} +.header-phone-menu__list-item{ + margin-top: 16px; +} +.header-phone-menu__list-item:first-child{ + margin-top: 0; +} +.header-phone-menu__list-item a{ + font-family: var(--font-family); + font-weight: 500; + font-size: 16px; + line-height: 125%; + color: #121212; + color: #000 + + text-decoration: none; +} +.header.white{ +background: none; +} +.header.white .header__logo-black{ +display: none; +} +.header.white .header__logo-white{ +display: block; +} +.header.white .main-menu__link{ +color: #fff; +} +.header.white .main-menu__button{ +background: #fff; +} +.header.white .lang__open{ +color: #fff; +} +.header.white::after{ +background: #fff; +} +.header.white .lang-open__black{ +display: none; +} +.header.white .lang-open__white{ +display: block; +} +.header.white .mini-profile__icon.white{ +display: block; +} +.header.white .mini-profile__icon.black{ +display: none; +} +.header.white .header__open-menu::before, +.header.white .header__open-menu::after{ +background: #fff; +} +.header__phone-menu::-webkit-scrollbar { +width: 0px; +} + +main{ +padding-top: 72px; +} + + +.modal__login { + width: 412px; +} +.login_back { + position: absolute; + top: 24px; + left: 24px; + cursor: pointer; +} +.login_wrap { + height: 100%; +} +.login_wrap.hide { + display: none; +} +.login_inner { + display: none; + margin-top: 128px; +} +.login_inner.active { + display: block; +} +.login_title { + color: #121212; + font-size: 24px; + line-height: 28px; + text-transform: uppercase; +} +.login_subtitle { + color: #575775; + font-size: 20px; + line-height: 24px; + margin-top: 16px; +} +.login_subtitle span { + display: block; + margin-top: 8px; +} +.login_input { + margin-top: 40px; +} +.login_input.error input { + border-color: #FA0505; +} +.login_error { + font-size: 12px; + line-height: 16px; + color: #FA0505; + display: none; +} +.login_input.error .login_error { + display: block; +} +.login_input input { + border: 1px solid #999999; + color: #999999; + border-radius: 20px; + padding: 12px 16px; + width: 100%; + font-size: 20px; + line-height: 24px; +} +.login_btn { + padding: 12px 24px; + border-radius: 20px; + display: block; + width: 100%; + height: 54px; + text-transform: none; + font-size: 20px; + line-height: 24px; + text-align: center; +} +.login_btn.btn_gradient { + margin-top: 24px; + background: radial-gradient(100% 174.56% at 100% 0%, #7AD9E7 0%, #7EE7E1 25%, #B5E4B4 80%, #D7EEAA 100%); +} +.login_btn.account_link { + background: #121212; + color: #fff; +} +.login_privacy { + font-size: 12px; + line-height: 16px; + color: #333333; + position: absolute; + bottom: 24px; + left: 24px; + right: 24px; +} +.login_privacy a { + color: #333333; + text-decoration: underline; +} +.login_inner.step_2 .login_subtitle, +.login_success .login_subtitle, +.login_auth .login_subtitle { + color: #121212; +} +.login_timer { + font-size: 20px; + line-height: 24px; + margin-top: 24px; + color: #121212; +} +.js-repeat-code { + display: none; +} +.login_success img { + margin: 40px 0; +} +/* +.wptelegram-login-output-wrap.container { + position: relative; +} +.wptelegram-login-output-wrap.container:after { + content: 'Войти через Telegram'; + position: absolute; + left: 0; + background: radial-gradient(100% 174.56% at 100% 0%, #7AD9E7 0%, #7EE7E1 25%, #B5E4B4 80%, #D7EEAA 100%); display: flex; + justify-content: center; align-items: center; + width: 100%; + height: 54px; + top: 0; + border-radius: 20px; + font-weight: var(--btn-font-weight); + font-family: var(--btn-font-family); + font-style: var(--btn-font-style); + font-size: 20px; + line-height: 24px; cursor: pointer; - user-select: none; - gap: 4px; - padding: 12px 15px; - color: var(---main_black); - font-size: 16px; - font-weight: bold; - line-height: 20px; } +*/ +.wptelegram-login-output-wrap { + display: flex; + margin-top: 15px; + justify-content: center; +} +@media(max-width: 480px) { + .modal__login { + width: 100%; + } + .login_title { + font-size: 19px; + line-height: 24px; + } +} +/* header end */ -/* Header end */ +/* Стили для планшетов */ +@media only screen and (max-width: 1200px) { + /* header */ + main{ + padding-top: 64px; + } + .main-menu{ + display: none; + } + .header__open-menu{ + display: block; + } + .lang{ + display: none; + } + .header__logo{ + width: 136px; + height: 29px; + } + .header__content{ + height: auto; + + padding: 8px 16px; + } + .mini-profile__item:nth-child(2){ + margin-left: 0; + } + .header::after{ + left: 0; + + width: 100%; + } + .header__pc-menu{ + display: none; + } + .header__phone-menu{ + display: block; + } + .header__menu-block{ + top: 56px; + } + .header__content::after{ + left: 0; + right: 0; + width: 100%; + } + /* header */ + + } + + + @media only screen and (max-width: 720px) { + +} + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/header/assets/img/arrow-black.svg b/wp-content/themes/cosmopet/modules/header/assets/img/arrow-black.svg new file mode 100644 index 0000000..38fe433 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/header/assets/img/arrow-black.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/modules/header/assets/img/arrow-selected.svg b/wp-content/themes/cosmopet/modules/header/assets/img/arrow-selected.svg new file mode 100644 index 0000000..fb283a7 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/header/assets/img/arrow-selected.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/header/assets/img/cat.png b/wp-content/themes/cosmopet/modules/header/assets/img/cat.png new file mode 100644 index 0000000..f88dd36 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/header/assets/img/cat.png differ diff --git a/wp-content/themes/cosmopet/modules/header/assets/img/dog.png b/wp-content/themes/cosmopet/modules/header/assets/img/dog.png new file mode 100644 index 0000000..36e37ae Binary files /dev/null and b/wp-content/themes/cosmopet/modules/header/assets/img/dog.png differ diff --git a/wp-content/themes/cosmopet/modules/header/assets/js/core.js b/wp-content/themes/cosmopet/modules/header/assets/js/core.js new file mode 100644 index 0000000..f11de2e --- /dev/null +++ b/wp-content/themes/cosmopet/modules/header/assets/js/core.js @@ -0,0 +1,151 @@ +'use strict'; + +// function +function modalOpen(buttonElement, contentElement){ + let modal = document.querySelector('.modal'), + aside = document.querySelector('.modal__aside'), + elements = document.querySelectorAll(buttonElement), + device = window.screen.width; + + elements.forEach(e => { + let thisContentElement = document.querySelector(contentElement); + + e.onclick = function () { + modal.classList.add('active'); + thisContentElement.classList.add('active'); + + let width = thisContentElement.clientWidth; + + setTimeout(() => { + if (device <= 720) { + aside.style.width = `${device}px`; + 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); + } + }) +} + +function modalClose(buttonElement) { + let modal = document.querySelector('.modal'), + aside = document.querySelector('.modal__aside'), + asideItems = document.querySelectorAll('.modal__item'), + elements = document.querySelectorAll(buttonElement); + + elements.forEach(e => { + e.onclick = function () { + aside.style.width = '0px'; + + asideItems.forEach(e => { + if (e.classList.contains('active')) { + e.style.filter = 'blur(10px)'; + } + }); + + setTimeout(() => { + asideItems.forEach(e => { + if (e.classList.contains('active')) { + e.classList.remove('active'); + } + }); + + modal.classList.remove('active'); + }, 300); + } + }) +} + +function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) { + let elements = document.querySelectorAll(mainElement); + + elements.forEach(e => { + let thisMainElement = e, + thisButtonElement = e.querySelector(buttonElement), + thisHeightElement = e.querySelector(heightElement), + thisContentElement = e.querySelector(contentElement); + + thisButtonElement.onclick = function (e) { + let height = thisHeightElement.clientHeight; + + if (close == true && !thisMainElement.classList.contains('active')) { + elements.forEach(e => { + if (e.classList.contains('active')) { + e.classList.remove('active'); + e.querySelector(contentElement).style.height = null + } + }) + } + + if (!thisMainElement.classList.contains('active')) { + thisContentElement.style.height = `${height}px`; + thisMainElement.classList.add('active'); + }else{ + thisContentElement.style.height = null; + thisMainElement.classList.remove('active'); + } + } + + }); +} +var menu_opened = false; +function toggleHeader(button, content, blockheight, removeBlock, removeClass) { + let thisButton = document.querySelector(button), + thisContent = document.querySelector(content), + thisRemoveBlock = document.querySelector(removeBlock) || '', + thisBlockheight = document.querySelector(blockheight); + + thisButton.onclick = function () { + let height = thisBlockheight.clientHeight; + + if (!thisContent.classList.contains('open')) { + thisContent.style.height = `${height}px`; + thisContent.classList .add('open'); + + if (removeBlock) { + thisRemoveBlock.classList.remove(removeClass); + } + }else{ + thisContent.style.height = null; + thisContent.classList.remove('open'); + + if (removeBlock) { + if (window.Y <= 25) { + thisRemoveBlock.classList.add(removeClass); + } + } + } + menu_opened = !menu_opened; + } +} + + + +if (document.querySelector('.header').classList.contains('white')) { + window.addEventListener("scroll", function (e) { + let header = document.querySelector('.header'); + let scroll = window.scrollY; + if(!menu_opened){ + if (scroll >= 25) { + header.classList.remove('white') + }else{ + + header.classList.add('white') + + } + } + + }); +} + +toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false); +toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white'); +toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white'); +// scroll + + + diff --git a/wp-content/themes/cosmopet/modules/header/module.template.twig b/wp-content/themes/cosmopet/modules/header/module.template.twig deleted file mode 100644 index 4c589ac..0000000 --- a/wp-content/themes/cosmopet/modules/header/module.template.twig +++ /dev/null @@ -1,46 +0,0 @@ -{% set current_path = template_path ~ '/modules/header' %} -
-
- - - -
-
-
- RU - -
-
- - - - - - -
-
-
diff --git a/wp-content/themes/cosmopet/modules/header/module.template_ENG.twig b/wp-content/themes/cosmopet/modules/header/module.template_ENG.twig new file mode 100644 index 0000000..2fabde6 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/header/module.template_ENG.twig @@ -0,0 +1,154 @@ +
+
+
+ + HOME + +
+
+ + PRODUCTS + + For cats + + For dogs + +
+
+ + ABOUT COSMOPET + +
+
+ + PRODUCTION + +
+
+ + BLOG + +
+
+ +
+ + + + + + +
+
+
+ +
+
    + {{ function('pll_the_languages', {'echo': false, 'display_names_as': 'slug'}) }} +
+
+
+
+
+ + +
+ +
+
+
+
+ For cats + +
+
+ For dogs + +
+
+
+ + +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/header/module.template_RU.twig b/wp-content/themes/cosmopet/modules/header/module.template_RU.twig new file mode 100644 index 0000000..3d5da02 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/header/module.template_RU.twig @@ -0,0 +1,150 @@ +
+
+
+
+
+ Кошкам + +
+
+ Собакам + +
+
+
+ +
+
+ + ГЛАВНАЯ + +
+
+ + ПРОДУКЦИЯ + + Кошкам + + Собакам + +
+
+ + О COSMOPET + +
+
+ + ПРОИЗВОДСТВО + +
+
+ + БЛОГ + +
+
+
+
+ + + + + + +
+
+
+ +
+
    + {{ function('pll_the_languages', {'echo': false, 'display_names_as': 'slug'}) }} +
+
+
+
+
+ +
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css index 94b40f8..9958e90 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css +++ b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css @@ -117,3 +117,23 @@ body { .form-textarea:focus { border-color: var(--main_black); } + +.article-container{ + gap: 40px; + display: flex; + flex-direction: column; +} + + +.indent h2 { + max-width: 661px; + font-size: 36px; + line-height: 40px; + font-weight: bold; + text-transform: uppercase; + color: var(--grey-black); +} + +textarea{ + font-family: inherit; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css index 776961e..a09acf3 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css +++ b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css @@ -289,7 +289,7 @@ body { /* Home */ .home { - padding: 140px 0 68px; + padding: 60px 0 68px; } .home-title { @@ -309,172 +309,6 @@ body { margin-bottom: 68px; } -.home-swp { - position: relative; -} - -.home-swp__btn { - position: absolute; - bottom: 22px; - left: 50%; - transform: translateX(-50%); - z-index: 2; - display: flex; - align-items: center; - gap: 24px; -} - -.home-swp__btn button { - border: 1px solid var(--main_black); - background: var(--main_white); - width: 56px; - height: 56px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 20px; -} - -.home-swp .swiper-slide:not(.swiper-slide-active) { - height: 0; - overflow: hidden; -} - -.home-card { - border-radius: 60px; - overflow: hidden; - display: flex; - align-items: flex-start; - gap: 24px; - position: relative; -} - -.home-card.bg-yellow { - background: var(--orange_80); -} - -.home-card.bg-green { - background: var(--green_90); -} - -.home-card.bg-violet { - background: var(--violet_90); -} - -.home-card__img { - width: 395px; - border-radius: 60px; - overflow: hidden; - height: 393px; - flex-shrink: 0; -} - -.home-card__img img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.home-card__content { - padding: 32px 79px 0 0; -} - -.home-card__content-title { - font-size: 36px; - font-weight: bold; - line-height: 40px; - text-transform: uppercase; - max-width: 660px; - margin-bottom: 10px; - color: var(--interface_title); -} - -.home-card__content-description { - color: var(--interface_title); - margin-bottom: 10px; - font-size: 20px; - font-weight: 500; - line-height: 24px; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; -} - -.home-card__content-body { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 12px; -} - -.home-card__content-body__alerts { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 12px; -} - -.home-card__content-body__alerts li { - background: var(--interface_hover); - color: var(--background); - border-radius: 16px; - padding: 6px 8px; - font-size: 16px; - font-weight: 500; - line-height: 20px; -} - -.home-card__content-body__day { - color: var(--interface_hover); - font-size: 14px; - font-weight: 500; - line-height: 16px; -} - -.home-card__content-body__time { - font-size: 14px; - font-weight: 500; - line-height: 16px; - color: var(--interface_hover); -} - -.home-card__content-body__data { - display: flex; - align-items: center; - gap: 12px; -} - -.home-card__content-body__data>div { - display: flex; - align-items: center; - gap: 4px; - font-size: 14px; - font-weight: 500; - line-height: 16px; - color: var(--interface_hover); -} - -.home-card__content-body__data>div .main-img { - width: 32px; - height: 32px; - border-radius: 50%; - object-fit: cover; -} - -.home-card__content-body__link { - border: 1px solid #000000; - border-radius: 28px; - background: var(--main_white); - position: absolute; - right: 37px; - bottom: 26px; - padding: 8.5px 16px 12.5px; - font-style: 20px; - font-weight: 500; - line-height: 24px; -} /* Home end */ @@ -687,7 +521,7 @@ body { justify-content: center; } -.anons-article__more-link a { +.anons-article__more-link{ background: var(--accent-3); color: var(--main_white); border-radius: 20px; @@ -697,6 +531,9 @@ body { font-weight: 600; line-height: 24px; text-transform: uppercase; + margin-right: auto; + margin-left: auto; + width: max-content; } /* Anons end */ @@ -1050,7 +887,7 @@ body { /* Breadcrumb */ .breadcrumb { - padding: 108px 0 24px; + padding: 68px 0 24px; } .breadcrumb .container { @@ -1142,7 +979,55 @@ body { object-fit: cover; border-radius: 64px; } +@media (max-width: 1200px) { + .editorial-card__wrap { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (max-width: 1200px) { + .header-navs { + gap: 12px; + } + + .header-navs__link { + font-size: 14px; + } + + .header-right { + gap: 4px; + } + .anons-article__card-wrap { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .editorial-card__wrap { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .footer-top { + flex-direction: column; + align-items: center; + text-align: center; + } + + .footer-content { + display: flex; + flex-direction: column; + align-items: center; + } + + .footer-content__wrap { + flex-direction: column; + align-items: center; + gap: 48px; + } + + .footer-bottom { + flex-direction: column; + gap: 24px; + } +} @media (min-width: 992px) { .article-home.position-1 .container { position: relative; @@ -1234,808 +1119,101 @@ body { } /* Article home end */ -/* Discount */ -.discount { - background: radial-gradient(122% 156.56% at 100% 0%, #7E90FF 0%, #8187FF 45%, #F8A6FF 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; - border-radius: 32px; - padding: 32px; - position: relative; - z-index: 1; - margin-bottom: 48px; -} - -.discount-title { - font-size: 36px; - font-weight: bold; - line-height: 40px; - text-transform: uppercase; - max-width: 517px; - color: var(--main_black); - margin-bottom: 15px; -} -.discount-bg { - position: absolute; - top: 4px; - right: 8px; - width: 369px; - z-index: -1; -} -.discount-bg.mb { - display: none; +/* comment */ +.comment { + border-top: 1px solid var(--placeholder); + padding-top: 48px; + margin-top: 100px; } -.discount-title span { - color: var(--main_white); +.comment .comment-btn { + display: flex; + align-items: center; + justify-content: center; + gap: 12px; } -.discount-form { +.comment .comment-btn button { + padding: 12px 24px; + border-radius: 20px; display: flex; align-items: center; gap: 8px; - margin-bottom: 15px; + background: var(--btn-bg); + font-size: 20px; + font-weight: 600; + line-height: 24px; + font-family: var(--font-craftwork); } -.discount-form input { - width: 280px; - height: 50px; - border: 2px solid var(--main_black); - border-radius: 48px; - background: #F5F5F5; - padding: 0 18px; - font-size: 24px; +.comment .comment-btn span { + font-family: var(--font-craftwork); + font-size: 20px; font-weight: 500; - color: var(--main_black); + line-height: 24px; } -.discount-form button { - border: 2px solid var(--main_black); - background: transparent; - height: 50px; - padding: 0 30px; +.comment .comment-title { + font-family: var(--font-craftwork); font-size: 24px; - font-weight: 500; - color: var(--main_black); - border-radius: 50px; + font-weight: 700; + line-height: 28px; + color: var(--grey-black); + margin: 48px 0 0 0; } -.discount-form button:hover { - background: var(--interface_title); - color: var(--main_white); +.comment .comment-in { + max-width: 816px; + margin: 0 auto; } -.discount-description__1 { - font-size: 14px; - font-weight: 500; - color: var(--main_black); - max-width: 621px; - margin-bottom: 15px; +.comment .comment-block { + margin-top: 40px; + padding: 28px 48px; + border-radius: 24px; + background: var(--grey-f5); } -.discount-description__2 { +.comment .comment-block p { font-size: 20px; font-weight: 500; - color: var(--main_black); + line-height: 24px; + color: var(--grey-black); } -/* Discount end */ -/* Diet */ -.diet { - background: var(--violet_90); - border-radius: 32px; - padding: 36px 49px; +.comment .comment-block p a { + color: var(--green-dark); + text-decoration: underline; +} + +.comment .comment-user { display: flex; align-items: center; - justify-content: space-between; - gap: 32px; - margin-bottom: 48px; + gap: 12px; } -.diet p { - font-size: 24px; - font-weight: 500; - line-height: 32px; - color: var(--grey-black); +.comment .comment-user img { + width: 48px; + height: 48px; + border-radius: 50%; + flex-shrink: 0; } -.diet a { - padding: 12px 24px; - text-align: center; - border: 1px solid var(--main_black); - background: var(--main_white); - border-radius: 20px; +.comment .comment-user h6 { font-size: 20px; + font-weight: 700; line-height: 24px; - font-weight: 600; + color: var(---main_black); + margin-bottom: 5px; } -.diet a:hover { - background: var(--interface_title); - color: var(--main_white) -} -/* Diet end */ - -/* Texts */ -.texts { - display: flex; - flex-direction: column; - gap: 48px; -} - -.texts h2 { - font-size: 36px; - line-height: 40px; - font-weight: bold; - color: var(--grey-black); - text-transform: uppercase; -} - -.texts h3 { - font-size: 24px; - line-height: 28px; - font-weight: bold; - color: var(--grey-black); - text-transform: uppercase; -} - -.texts-description { - display: flex; - flex-direction: column; - gap: 48px; -} - -.texts-description p { - color: var(--grey-black); - font-size: 24px; - line-height: 32px; - font-weight: 500; -} - -.texts-description a { - display: inline; - text-decoration: underline; -} - -.texts ol { - display: flex; - flex-direction: column; - gap: 12px; - font-size: 24px; - line-height: 32px; - font-weight: 500; - color: #191919; -} - -.texts ol li { - display: flex; - align-items: center; - gap: 12px; -} - -.texts ol h4 { - background: var(--accent-1); - border-radius: 5.2px; - width: 32px; - height: 32px; - display: flex; - align-items: center; - justify-content: center; - font-size: 24px; - line-height: 32px; - font-weight: 500; - color: white; -} - -.texts ul { - display: flex; - flex-direction: column; - gap: 12px; -} - -.texts ul li { - padding-left: 22px; - font-size: 24px; - font-weight: 500; - line-height: 32px; - color: #191919; - position: relative; -} - -.texts ul li::before { - content: ""; - width: 10px; - height: 10px; - position: absolute; - top: 50%; - left: 0; - transform: translateY(-50%); - background: var(--accent-1); - border-radius: 3px; -} - -.texts-swp { - position: relative; -} - -.texts-swp__prev { - position: absolute; - z-index: 2; - top: 50%; - transform: translateY(-50%); - left: 10px; - background: var(--main_white); - width: 56px; - height: 56px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 20px; -} - -.texts-swp__next { - position: absolute; - z-index: 2; - top: 50%; - transform: translateY(-50%); - right: 10px; - background: var(--main_white); - width: 56px; - height: 56px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 20px; -} - -.texts-swp .swiper-slide img { - height: 517px; - width: 100%; - object-fit: cover; - border-radius: 50px; -} - -.texts-swp .swiper-slide:not(.swiper-slide-active) { - height: 0; - overflow: hidden; -} - -.texts-swp__pagination { - position: absolute; - top: auto !important; - bottom: 20px !important; - right: auto; - display: flex; - align-items: center; - justify-content: center; - z-index: 2; - gap: 11px; -} - -.texts-swp__pagination span { - opacity: 0.5; - background: var(--main_white); - width: 40px; - height: 6px; - border-radius: 6px; - margin: 0 !important; - padding: 0 !important; -} - -.texts-swp__pagination span.swiper-pagination-bullet-active { - opacity: 1; -} -/* Texts end */ - -/* Alerts */ -.alerts { - display: flex; - flex-direction: column; - gap: 48px; - margin: 48px 0; -} - -.alerts-grey { - padding: 32px 98px; - border-radius: 32px; - background: var(--bg-light-grey); - position: relative; -} - -.alerts-grey p { - color: #191919; - font-size: 24px; - font-weight: 500; - line-height: 32px; -} - -.alerts-grey .icon-1 { - position: absolute; - top: 32px; - left: 32px; -} - -.alerts-grey .icon-2 { - position: absolute; - bottom: 32px; - right: 32px; -} - -.alerts-violet { - background: #FAEAE9; - border-radius: 32px; - padding: 32px; - display: flex; - align-items: center; - gap: 32px; -} - -.alerts-violet img { - flex-shrink: 0; -} - -.alerts-violet p { - font-size: 24px; - font-weight: 500; - line-height: 32px; - color: #191919; -} - -.alerts-yellow { - display: flex; - align-items: center; - background: #FEF8E6; - border-radius: 32px; - padding: 32px; - gap: 32px; -} - -.alerts-yellow img { - flex-shrink: 0; -} - -.alerts-yellow p { - font-size: 24px; - line-height: 32px; - font-weight: 500; - color: #191919; -} - -.alerts-green { - background: #E9F8EB; - border-radius: 32px; - padding: 32px; - display: flex; - align-items: center; - gap: 32px; -} - -.alerts-green img { - flex-shrink: 0; -} - -.alerts-green p { - color: #191919; - font-size: 24px; - font-weight: 500; - line-height: 32px; -} -/* Alerts end */ - -/* Article table */ -.article-table__wrap { - background: var(--accent-3); - border-radius: 24px; - overflow: hidden; - padding: 2px; - margin-bottom: 48px; -} - -.article-table { - background: var(--main_white); - border-radius: 22px; - overflow: hidden; - display: flex; - align-items: flex-start; - justify-content: space-between; - gap: 18px; -} - -.article-table__item { - display: flex; - width: calc(100% / 3 - 36px / 3); - align-items: stretch; - border: 1px solid #E1E1E1; - text-align: center; - font-size: 20px; - line-height: 24px; - font-weight: 500; -} - -.article-table__item ul { - width: 50%; - flex-shrink: 0; -} - -.article-table__item li { - padding: 8px; -} - -.article-table__item li:not(:last-child) { - border-bottom: 1px solid #E1E1E1; -} - -.article-table__item li:first-child { - background: #E1E1E1; -} - -.article-table__item ul:first-child li:first-child { - border-right: 1px solid var(--main_white); -} - -.article-table__item ul:not(:last-child) li { - border-right: 1px solid #E1E1E1; -} -/* Article table end */ - -/* Article block */ -.article-block__head { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - margin-bottom: 48px; - gap: 30px; -} - -.article-block__head-left { - display: flex; - flex-direction: column; - gap: 23px; -} - -.article-block__head-left h3 { - font-size: 24px; - font-weight: bold; - left: 28px; - text-transform: uppercase; - color: var(--grey-black); -} - -.article-block__head-left p { - font-size: 24px; - font-weight: 500; - line-height: 32px; - color: var(--grey-black); -} - -.article-block__head-right img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 50px; -} - -.article-block__item-wrap { - display: flex; - flex-direction: column; - gap: 72px; -} - -.article-block__item { - display: flex; - align-items: stretch; - justify-content: space-between; - gap: 32px; -} - -.article-block__item-content { - display: flex; - flex-direction: column; - width: 100%; - gap: 23px; -} - -.article-block__item-content h3 { - font-size: 26px; - font-weight: bold; - color: var(--grey-black); -} - -.article-block__item-content p { - font-size: 24px; - line-height: 32px; - font-weight: 500; -} - -.article-block__item-content ul { - width: 100%; - background: var(--bg-light-grey); - border-radius: 24px; - display: flex; - align-items: center; - padding: 20px; - gap: 24px; -} - -.article-block__item-content ul li { - display: flex; - align-items: center; - gap: 20px; - font-size: 20px; - line-height: 24px; - color: var(--grey-black); -} - -.article-block__item-content ul li img { - flex-shrink: 0; -} - -.article-block__item-img { - width: 315px; - flex-shrink: 0; -} - -.article-block__item-img img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 50px; -} -/* Article block end */ - -/* Block accent */ -.block-accent { - margin: 48px 0 100px; - display: flex; - flex-direction: column; - gap: 48px; -} - -.block-accent__card { - padding: 36px 63px 36px 49px; - border-radius: 32px; - display: flex; - align-items: center; - justify-content: space-between; - gap: 32px; - width: 100%; -} - -.block-accent .card-violet { - flex-direction: row-reverse; - background: var(--violet_90); -} - -.block-accent__card-content { - width: 100%; - display: flex; - flex-direction: column; - gap: 21px; -} - -.block-accent__card h3 { - font-size: 26px; - font-weight: bold; - color: var(--grey-black); - text-transform: uppercase; -} - -.block-accent__card p { - font-size: 24px; - line-height: 32px; - font-weight: 500; - color: var(--grey-black); -} - -.block-accent__card img { - flex-shrink: 0; -} - -.block-accent .card-orange { - background: var(--orange_80); -} - -.block-accent .card-blue { - background: #E0FDFF; -} -/* Block accent end */ - -/* Indent */ -.indent { - background: #E2F3FF; - border-radius: 32px; - padding: 36px 49px; - display: flex; - flex-direction: column; - gap: 32px; - margin-bottom: 48px; -} - -.indent ul { - display: flex; - flex-direction: column; - gap: 32px; -} - -.indent-title { - max-width: 661px; - font-size: 36px; - line-height: 40px; - font-weight: bold; - text-transform: uppercase; - color: var(--grey-black); -} - -.indent p { - font-size: 24px; - line-height: 32px; - font-weight: 500; - color: var(--grey-black); -} - -.indent li { - display: flex; - align-items: flex-start; - gap: 16px; -} - -.indent li h3 { - font-size: 26px; - font-weight: bold; - text-transform: uppercase; - color: var(--grey-black); - margin-bottom: 16px; -} - -.indent li img { - flex-shrink: 0; -} -/* Indent end */ - -/* Product card */ -.product-card { - display: flex; - align-items: center; - gap: 50px; - justify-content: center; - background: var(--blue_90); - padding: 32px; - border-radius: 50px; -} - -.product-card img { - max-width: 740px; - max-height: 512px; -} -/* Product card end */ - -/* block_lists */ -.block-lists { - margin: 48px 0; - display: flex; - flex-direction: column; - gap: 48px; -} - -.block-list_block { - display: flex; - align-items: start; - gap: 25px; -} - -.block-list_block img { - width: 145px; - flex-shrink: 0; -} - -.block-list_block h3 { - font-size: 24px; - font-weight: 700; - line-height: 28px; - color: var(--main_black); - margin-bottom: 24px; -} - -.block-list_block p { - font-size: 24px; - font-weight: 500; - line-height: 32px; - color: var(--main_black); -} -/* block_lists */ - -/* comment */ -.comment { - border-top: 1px solid var(--placeholder); - padding-top: 48px; - margin-top: 100px; -} - -.comment .comment-btn { - display: flex; - align-items: center; - justify-content: center; - gap: 12px; -} - -.comment .comment-btn button { - padding: 12px 24px; - border-radius: 20px; - display: flex; - align-items: center; - gap: 8px; - background: var(--btn-bg); - font-size: 20px; - font-weight: 600; - line-height: 24px; - font-family: var(--font-craftwork); -} - -.comment .comment-btn span { - font-family: var(--font-craftwork); - font-size: 20px; - font-weight: 500; - line-height: 24px; -} - -.comment .comment-title { - font-family: var(--font-craftwork); - font-size: 24px; - font-weight: 700; - line-height: 28px; - color: var(--grey-black); - margin: 48px 0 0 0; -} - -.comment .comment-in { - max-width: 816px; - margin: 0 auto; -} - -.comment .comment-block { - margin-top: 40px; - padding: 28px 48px; - border-radius: 24px; - background: var(--grey-f5); -} - -.comment .comment-block p { - font-size: 20px; - font-weight: 500; - line-height: 24px; - color: var(--grey-black); -} - -.comment .comment-block p a { - color: var(--green-dark); - text-decoration: underline; -} - -.comment .comment-user { - display: flex; - align-items: center; - gap: 12px; -} - -.comment .comment-user img { - width: 48px; - height: 48px; - border-radius: 50%; - flex-shrink: 0; -} - -.comment .comment-user h6 { - font-size: 20px; - font-weight: 700; - line-height: 24px; - color: var(---main_black); - margin-bottom: 5px; -} - -.comment .comment-user span { - font-size: 14px; - font-weight: 500; - line-height: 16px; - color: var(--interface_hover); +.comment .comment-user span { + font-size: 14px; + font-weight: 500; + line-height: 16px; + color: var(--interface_hover); } .comment .comment-block p { @@ -2097,157 +1275,59 @@ body { margin: 0 !important; } -.video_block { - display: flex; - align-items: center; - justify-content: center; -} - .other-home { padding-top: 36px !important; } /* comment */ -/* Стили для планшетов */ -@media only screen and (max-width: 992px) { - .header-navs { - display: none; - } - - .header-container { - height: 56px; - padding: 0; - } - - .header-bars { - display: flex; - align-items: center; - justify-content: center; - } - - .header-logo { - font-size: 16px; - line-height: 20px; - gap: 8px; - } - - .header-logo img { - width: 31px; - flex-shrink: 0; - } - - .header-lang { - display: none; - } - - .home { - padding: 92px 0 36px; - } - - .home-title { - font-size: 32px; - line-height: 38px; - margin-bottom: 36px; - } - - .home-description { - font-size: 20px; - line-height: 24px; - margin-bottom: 36px; - } - - .home-swp__btn { - bottom: auto; - top: 93px; - left: -10px; - width: calc(100% + 20px); - justify-content: space-between; - transform: translateX(0); - } - - .home-swp__btn button { - width: 48px; - height: 48px; - border-radius: 20px; - } - - .home-card { - flex-direction: column; - border-radius: 24px; - gap: 17px; - } - - .home-card__img { - height: 234px; - width: 100%; - border-radius: 24px; - } - - .home-card__content { - padding: 0 16px 89px; - } - - .home-card__content-title { - font-size: 20px; - line-height: 24px; - margin-bottom: 15px; - } - - .home-card__content-description { - font-size: 16px; - line-height: 20px; - margin-bottom: 15px; - display: -webkit-box; - -webkit-line-clamp: 5; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; +/* Стили для планшетов */ +@media only screen and (max-width: 992px) { + .header-navs { + display: none; } - .home-card__content-body { - gap: 7px; + .header-container { + height: 56px; + padding: 0; } - .home-card__content-body__alerts { - gap: 7px; + .header-bars { + display: flex; + align-items: center; + justify-content: center; } - .home-card__content-body__alerts li { - font-size: 14px; - line-height: 16px; - padding: 8px; + .header-logo { + font-size: 16px; + line-height: 20px; + gap: 8px; } - .home-card__content-body__day { - font-size: 14px; - line-height: 16px; + .header-logo img { + width: 31px; + flex-shrink: 0; } - .home-card__content-body__time { - font-size: 14px; - line-height: 16px; + .header-lang { + display: none; } - .home-card__content-body__data { - gap: 7px; + .home { + padding: 22px 0 36px; } - .home-card__content-body__data>div { - gap: 4px; - font-size: 14px; - line-height: 16px; + .home-title { + font-size: 32px; + line-height: 38px; + margin-bottom: 36px; } - .home-card__content-body__data .main-img { - width: 32px; - height: 32px; + .home-description { + font-size: 20px; + line-height: 24px; + margin-bottom: 36px; } - .home-card__content-body__link { - right: 50%; - bottom: 27px; - transform: translateX(50%); - } .anons { border-radius: 24px; @@ -2361,7 +1441,7 @@ body { } .breadcrumb { - padding: 92px 0 15px; + padding: 22px 0 15px; } .article-home { @@ -2408,330 +1488,6 @@ body { border-radius: 64px; } - .discount { - padding: 32px 24px; - border-radius: 32px; - margin-bottom: 48px; - } - - .discount-title { - font-size: 26px; - line-height: 32px; - margin-bottom: 21px; - } - - .discount-bg { - display: none; - } - - .discount-bg.mb { - display: inline-block; - position: static; - margin-bottom: 21px; - } - - .discount-form { - flex-direction: column; - gap: 21px; - margin-bottom: 21px; - } - - .discount-form img { - display: none; - } - - .discount-form input { - width: 100%; - text-align: center; - } - - .discount-form button { - width: 100%; - text-align: center; - } - - .discount-descriptions { - display: flex; - flex-direction: column-reverse; - } - - .discount-description__2 { - font-size: 18px; - line-height: 24px; - font-weight: 500; - grid-area: 21px; - margin-bottom: 21px; - } - - .discount-description__1 { - margin-bottom: 0; - font-size: 12px; - } - - .diet { - padding: 36px 24px; - border-radius: 32px; - flex-direction: column; - margin-bottom: 48px; - } - - .diet p { - width: 100%; - font-size: 18px; - line-height: 24px; - } - - .diet a { - width: 100%; - } - - .texts h2 { - font-size: 28px; - line-height: 32px; - } - - .texts h3 { - font-size: 20px; - line-height: 24px; - } - - .texts-description p { - font-size: 18px; - line-height: 24px; - } - - .texts ol { - gap: 12px; - } - - .texts ol li { - font-size: 18px; - line-height: 24px; - } - - .texts ol li h4 { - font-size: 18px; - line-height: 24px; - } - - .texts ul { - gap: 12px; - } - - .texts ul li { - font-size: 18px; - line-height: 24px; - } - - .alerts-grey { - padding: 32px 48px; - } - - .alerts-grey .icon-1 { - width: 24px; - top: 32px; - left: 16px; - } - - .alerts-grey .icon-2 { - width: 24px; - right: 16px; - bottom: 32px; - } - - .alerts-grey p { - font-size: 18px; - line-height: 24px; - } - - .alerts-violet, - .alerts-yellow, - .alerts-green { - padding: 32px 24px; - flex-direction: column; - } - - .alerts-violet p, - .alerts-yellow p, - .alerts-green p { - font-size: 18px; - line-height: 24px; - } - - .article-table { - flex-direction: column; - gap: 0px; - } - - .article-table__item { - width: 100%; - } - - .article-table__item:not(:first-child) li:first-child { - display: none; - } - - .article-table__item:not(:first-child) { - border-top: 0; - } - - .article-table__item ul li { - font-size: 16px; - line-height: 20px; - font-weight: 500; - } - - .article-block__head { - grid-template-columns: repeat(1, minmax(0, 1fr)); - gap: 32px; - } - - .article-block__head-left { - order: 2; - } - - .article-block__head-left h3 { - font-size: 20px; - line-height: 24px; - } - - .article-block__head-left p { - font-size: 18px; - line-height: 24px; - } - - .article-block__head-right { - order: 1; - height: 319px; - } - - .article-block__item-wrap { - gap: 48px; - } - - .article-block__item { - flex-direction: column; - gap: 32px; - } - - .article-block__item-img { - order: 1; - width: 100%; - height: 450px; - border-radius: 50px; - } - - .article-block__item-content { - order: 2; - } - - .article-block__item-content h3 { - font-size: 20px; - line-height: 24px; - } - - .article-block__item-content p { - font-size: 18px; - line-height: 24px; - } - - .article-block__item-content ul { - flex-direction: column; - padding: 20px 14px 20px 20px; - gap: 28px; - border-radius: 24px; - } - - .article-block__item-content ul li { - gap: 19px; - } - - .article-block__item-content ul li p { - font-size: 16px; - line-height: 20px; - } - - .block-accent__card { - padding: 36px 24px; - gap: 32px; - flex-direction: column !important; - } - - .block-accent__card-content { - gap: 27px; - } - - .block-accent__card-content h3 { - font-size: 20px; - line-height: 24px; - text-align: center; - } - - .block-accent__card-content p { - font-size: 18px; - line-height: 24px; - } - - .indent { - padding: 36px 24px; - gap: 24px; - } - - .indent-title { - font-size: 26px; - line-height: 32px; - } - - .indent p { - font-size: 18px; - line-height: 24px; - } - - .indent ul { - gap: 24px; - } - - .indent ul li { - gap: 16px; - } - - .indent ul li img { - width: 37px; - } - - .indent ul li h3 { - font-size: 20px; - line-height: 24px; - gap: 16px; - } - - .product-card { - padding: 11px; - gap: 40px; - } - - .product-card img { - max-width: 242px; - max-height: 167px; - } - /* Alohida */ - - .block-list_block img { - flex-shrink: 0; - width: 66px; - height: 45px; - } - - .block-list_block h3 { - font-size: 20px; - line-height: 24px; - } - - .block-list_block p { - font-size: 18px; - line-height: 24px; - } - .comment .comment-block { padding: 20px 24px; margin-top: 28px; @@ -2769,10 +1525,7 @@ body { line-height: 16px; } - .video_block iframe { - width: 100%; - height: 587px; - } + } /* Стили для ультрашироких экранов */ @media only screen and (min-width: 1400px) { diff --git a/wp-content/themes/cosmopet/modules/layout/module-controller.php b/wp-content/themes/cosmopet/modules/layout/module-controller.php index 18c31dd..3d14f53 100644 --- a/wp-content/themes/cosmopet/modules/layout/module-controller.php +++ b/wp-content/themes/cosmopet/modules/layout/module-controller.php @@ -1,4 +1,5 @@ -
- - {% include 'header/module.template.twig' %} + + {% if current_lang == 'en' %} + {% include 'header/module.template_ENG.twig' %} + {% elseif current_lang == 'fr' %} + {% else %} + {% include 'header/module.template_RU.twig' %} + {% endif %} +
{% block content %} diff --git a/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-desktop.css new file mode 100644 index 0000000..ed21ee4 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-desktop.css @@ -0,0 +1,154 @@ +/* Footer */ +.footer { + background: var(--main_black); + padding: 40px 0 38px; + color: var(--main_white); +} + +.footer-top { + display: flex; + align-items: stretch; + justify-content: space-between; + gap: 48px; +} + +.footer-top .logo { + display: flex; + align-items: center; + gap: 10px; + font-size: 20px; + font-weight: 500; + text-transform: uppercase; + background: var(--accent-1); + color: transparent; + -webkit-background-clip: text; + background-clip: text; + margin-bottom: 24px; +} + +.footer-content__address { + font-size: 24px; + font-weight: 500; + line-height: 32px; + margin-bottom: 32px; +} + +.footer-content { + width: 100%; +} + +.footer-content ul { + display: flex; + flex-direction: column; + gap: 24px; +} + +.footer-content ul li { + display: flex; + flex-direction: column; + gap: 4px; +} + +.footer-content ul p { + font-size: 16px; + font-weight: bold; + line-height: 20px; +} + +.footer-content ul a { + font-size: 24px; + font-weight: 500; + line-height: 32px; +} + +.footer-content__wrap { + display: flex; + align-items: flex-end; + justify-content: space-between; + width: 100%; +} + +.footer-top__link { + display: flex; + flex-direction: column; + gap: 24px; +} + +.footer-top__link .link-black { + padding: 7px 15px; + color: var(--main_white); + font-size: 24px; + line-height: 32px; + font-weight: 500; + white-space: nowrap; + border: 1px solid var(--main_white); + border-radius: 24px; +} + +.footer-top__link .link-white { + width: 100%; + text-align: center; + background: var(--main_white); + color: var(--main_black); + font-size: 20px; + font-weight: 600; + line-height: 24px; + padding: 12px; + border-radius: 20px; +} + +.footer-contact { + width: 364px; + flex-shrink: 0; + background: var(--accent-1); + border-radius: 24px; + padding: 24px; + display: flex; + flex-direction: column; + gap: 16px; +} + +.footer-contact__title { + color: var(--main_black); + font-size: 24px; + font-weight: 500; + line-height: 32px; +} + +.footer-contact__submit { + width: 100%; + text-align: center; + height: 48px; + border-radius: 16px; + background: var(--main_black); + font-size: 20px; + font-weight: 600; + line-height: 24px; + color: var(--main_white); +} + +.footer-bottom { + display: flex; + align-items: center; + justify-content: space-between; + padding-top: 17px; + margin-top: 19px; + border-top: 1px solid var(--main_white); +} + +.footer-network { + display: flex; + align-items: center; + gap: 32px; +} + +.footer-bottom a { + font-size: 16px; + line-height: 20px; + font-weight: 500; + color: var(--main_white); + opacity: 0.6; + text-decoration: underline; +} +/* Footer end */ + diff --git a/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-mobile.css b/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-mobile.css new file mode 100644 index 0000000..754cfa9 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-mobile.css @@ -0,0 +1,68 @@ +/* Стили для мобильных устройств */ +@media only screen and (max-width: 576px) { + .footer { + padding: 24px 0 58px; + } + + .footer-top { + align-items: flex-start; + text-align: left; + gap: 24px; + } + + .footer-content__wrap { + align-items: flex-start; + gap: 24px; + } + + .footer-content { + align-items: flex-start; + } + + .footer-content .logo { + font-size: 20px; + margin-bottom: 24px; + } + + .footer-content__address { + font-size: 18px; + line-height: 24px; + margin-bottom: 32px; + } + + .footer-content ul { + gap: 24px; + } + + .footer-content ul p { + font-size: 16px; + line-height: 20px; + } + + .footer-content ul a { + font-size: 24px; + line-height: 32px; + } + + .footer-top__link .link-white { + display: none; + } + + .footer-contact { + width: 100%; + padding: 16px; + border-radius: 24px; + } + + .footer-contact__title { + color: var(--main_white); + } + + .footer-bottom { + margin-top: 0; + padding-top: 24px; + border: 0; + align-items: flex-start; + gap: 17px; + } +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-tablet.css new file mode 100644 index 0000000..ffc5b2e --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-tablet.css @@ -0,0 +1,4 @@ +/* Стили для планшетов */ +@media only screen and (max-width: 992px) { + +} diff --git a/wp-content/themes/cosmopet/modules/popup/components/thx/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/popup/components/thx/assets/css/gp-style-desktop.css new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/cosmopet/modules/popup/components/thx/assets/css/gp-style-mobile.css b/wp-content/themes/cosmopet/modules/popup/components/thx/assets/css/gp-style-mobile.css new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/cosmopet/modules/popup/components/thx/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/modules/popup/components/thx/assets/css/gp-style-tablet.css new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/cosmopet/modules/popup/components/thx/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/popup/components/thx/component-ajax-controller.php new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/cosmopet/modules/popup/components/thx/component-controller.php b/wp-content/themes/cosmopet/modules/popup/components/thx/component-controller.php new file mode 100644 index 0000000..b124fde --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/components/thx/component-controller.php @@ -0,0 +1,12 @@ + +
+
+

БЛОГ

+

Мы пишем про то, что нас по‑настоящему цепляет: биотехнологии, науку, здоровье и то, как этот мир сделать лучше. Мы не боимся сложных тем и неудобных вопросов, ведь именно с них начинается будущее

+ {% include '/blog/components/featured-slider/component-template.twig' %} +
+
+ + + +
+
+ {% include '/blog/components/themes/component-template.twig' %} + {% include '/blog/components/most-read/component-template.twig' %} + {% include '/blog/components/news-list/component-template.twig' %} +
+ + + + {% include '/blog/components/author-banner/component-template.twig' %} + + + + {% include '/blog/components/editorial/component-template.twig' %} + + +{% endblock %} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/popup/module-ajax-controller.php b/wp-content/themes/cosmopet/modules/popup/module-ajax-controller.php new file mode 100644 index 0000000..e69de29 diff --git a/wp-content/themes/cosmopet/modules/popup/module-controller.php b/wp-content/themes/cosmopet/modules/popup/module-controller.php new file mode 100644 index 0000000..6c04798 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/module-controller.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/popup/module.template.twig b/wp-content/themes/cosmopet/modules/popup/module.template.twig new file mode 100644 index 0000000..80f3776 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/module.template.twig @@ -0,0 +1,60 @@ +{% set current_path = template_path ~ '/modules/footer' %} + + \ No newline at end of file