Памятка для дизайнеров и не только)

🎁 С новым годом и Рождеством! Небольшой подарок от WPShop - ПРОМОКОД 20% на все товары

Акция продлится до 07.01.24 23:59

В акции участвуют:

Премиум-темы для WordPress

Bono - быстрая и легкая e-commerce тема для создания интернет-магазинов.
Reboot - многоцелевая тема с конструктором главной страницы, 11 встроенных модулей.
JournalX - бесконечный скролл, подгрузка новых постов на главной и в рубриках и так далее. Отличная, журнальная тема
Root - SEO оптимизированная, быстрая тема, с микроразметкой, валидная верстка, со смайликами, слайдером, спойлерами, кастомными виджетами и так далее.
Cook It - мощная кулинарная тема для ваших рецептов.
Yelly - тема рассчитана на вирусный контент, который легко и быстро распространяется через соц.сети, чем создает хороший поток трафика на сайт.

➡️ Выбрать себе тему со скидкой 20% ➡️

Премиум плагины для WordPress

Quizle - плагин для создания квизов и тестов.
ABC Pagination - плагин для создания каталог записей, отсортированных по алфавиту.
My Popup - плагин всплывающих окон.
WPRemark - плагин блоков внимания с максимальными настройками.
Clearfy - плагин для SEO подготовки сайта, удаления дублей страниц, очистки кода от мусора и так далее.
Expert Review - плагин для создания дополнительной ценности сайту (визуальное оформление).
WPStories - плагин для создания историй (сторис).

➡️ Выбрать себе плагин со скидкой 20% ➡️

Внимание!
В 2024 года цены на все товары поднимутся в 2-3 раза! Таких цен, как сейчас, точно уже не будет! Успейте приобрести качественные продукты WPShop по старой цене.

Реклама. WPSHOP ®

Практика объектного кеширования в WordPress

Материалы пятого митапа технической серии в латвийской WordPress группе. Митап был посвящён теме «Практика объектного кеширования в WordPress». Доклад осветил различные виды кеширования и теорию объектного кеширования, с примерами практического применения в WordPress

https://kagg.eu/meetup-object-caching-practices-in-wordpress/

Блокировка кнопки Отправить по всплывающем окне плагина Art WooCommerce Order One Click

Проблема: при нажатии на кнопку Отправить в форме Contact Form 7, данные отправляются довольно долго и пользователи могу нажать на кнопку 100500 раз, соответственно и функция отправки будет срабатывать столько же раз, и писем столько же будет приходить. Это плохо.

Решение: ничего кроме костылька блокировать кнопку через js не придумал. Вот такое решение

// disable button after clicking on submit button
<?php add_action('wp_footer', 'mycustom_wp_footer');
function mycustom_wp_footer()
{
?>
    <script type="text/javascript">
        jQuery('.wpcf7-form').submit(function() {
            jQuery(this).find(':input[type=submit]').prop('disabled', true);
            var wpcf7Elm = document.querySelector('.wpcf7');
            wpcf7Elm.addEventListener('wpcf7submit', function(event) {
                jQuery('.wpcf7-submit').prop("disabled", false);
            }, false);
            wpcf7Elm.addEventListener('wpcf7invalid', function() {
                jQuery('.wpcf7-submit').prop("disabled", false);
            }, false);
        });
    </script>
<?php
}?>

В целом, на формах выведенных просто шорткодом это будет работать. Но вот с плагином Art WooCommerce Order One Click это не сработает, так как форма вызывается через ajax и скрипт блокировки надо инициализировать после того как сработало всплывающее оно. В итоге получается вот такой костыль:

/**
 * Блокировка кнопки отправить при отправке формы CF7
 *
 * @author        Artem Abramovich
 * @testedwith    WC 8.4
 * @testedwith    AWOOC 3.0
 */
add_action( 'wp_footer', function () {

  ?>
  <script>
    jQuery( document ).ready( function ( $ ) {

      $( document.body ).on( 'awooc_popup_ajax_trigger', function ( event, data ) {
        $( '.awooc-form-custom-order div.wpcf7 > form' ).on( 'submit', function ( e ) {

          $( e.target ).find( ':input[type=submit]' ).prop( 'disabled', true );

          var wpcf7Elm = document.querySelector( '.wpcf7' );

          wpcf7Elm.addEventListener( 'wpcf7submit', function ( event ) {
            jQuery( '.wpcf7-submit' ).prop( "disabled", false );
          }, false );
          wpcf7Elm.addEventListener( 'wpcf7invalid', function () {
            jQuery( '.wpcf7-submit' ).prop( "disabled", false );
          }, false );
        } );
      } );
    } );
  </script>
  <?php

}, 1000 );

#snippet #woocommerce #awooc

Вот такая есть у меня статья, ба-а-альшая такая подборка плагинов. Можно подобрать нужное для любого сайта

https://wpruse.ru/plaginy/big-bundle-wordpress-plugin/