Найти тему
Закреп меню вверху экрана
css .menu__list { width: 100%; transition: background-color 0.3s, position 0.3s; } .menu__list.fixed { position: fixed; top: 0; left: 0; background-color: #0196ac; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.0); display: flex; justify-content: center; padding: 20px; z-index: 1; } --------------- <script> window.addEventListener('scroll', function() { const menu__list = document.querySelector('.menu__list'); const menu__listOffset = menu__list...
4 месяца назад
Закрытие меню после нажатия на ссылку
<script> document.addEventListener('DOMContentLoaded', function() { const header = document.querySelector('header.header'); const menu = document.getElementById('menu'); menu.addEventListener('click', function(event) { const target = event.target; if (target.tagName === 'A') { header.classList.remove('open');...
4 месяца назад
Модальное окно
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="overlay"> <div class="popup"> <h2 class="popup__h2">Обратный звонок</h2> <p class="popup__p">Заполните форму и наш менеджер свяжется с вами в ближайшее время.</p> <?php echo do_shortcode( '[contact-form-7 id="c522e38" title="Обратный звонок"]' ); ?> <div class="close-popup"></div> </div> </div> <script> $('.btn-hero').click( function() { $('.overlay').fadeIn(); }); // Закрытие окна на крестик $('...
4 месяца назад
Регистрация и вывод меню в Wordpress
Зарегистрируйте меню в файле functions.php: function my_custom_menus() { register_nav_menu('my-custom-menu', 'Мое Пользовательское Меню'); } add_action('init', 'my_custom_menus'); Выведите меню в нужном месте темы:Откройте файл темы, где вы хотите показать меню, например header.php, и добавьте следующий код: <?php wp_nav_menu(array( 'theme_location' => 'my-custom-menu', 'container' => 'nav', ...
6 месяцев назад
Одна форма на все товары Wordpress
Код кнопки: <a class="btn-price btn-zakaz" href="#hidden" data-title-service="<?php the_sub_field( 'products_cart_title' ); ?>">Подробнее</a> Скрытые поля cf7 [hidden title-service class:hide-title id:title-service] вставляем код после футора не забываем указать id кнопки заказа <script> $('.btn-zakaz') .click(function (){ titleService = $(this).attr('data-title-service'); priceService = $(this).attr('data-price-service'); $('.hide-title').val(titleService); $('.hide-price').val(priceService);...
6 месяцев назад