Как привязать вызов хука php к определенному действию?

Question

[ligisayan]

Всем привет! Есть интернет-магазин на wordpress+woocommerce с установленным плагином сравнения YITH WooCommerce Compare. Действие вызываемое при нажатии на кнопку сравнения 'yith-woocompare-add-product'.

/**
         * The action used to add the product to compare list
         *
         * @var string
         * @since 1.0.0
         */
        public $action_add = 'yith-woocompare-add-product';

Вопрос: как привязать к этому действию скрипт появления блока (который изначально скрыт), т.е. чтобы блок был все время видим пока в сравнении что-то есть и исчезать, когда из сравнения все удалено?

<script>
				var $ = jQuery.noConflict();
                jQuery(function($){
                    "use strict";
                    $('#fix-bot').show();
                    });
				console.log("fix-bot show");
				</script>

Answer 1

[Ihor Gevorkyan]

Добрый день, с YITH WooCommerce Compare не работал. Но мне кажется, что решение этому намного проще. Почему бы не поставить обычный, в случае jquery

$('#addBtn').on('click', function(e) {
  e.preventDefault();
  $('#fix-bot').show();
});

а, если native js, то

#fix-bot {
  display: none;
}

var btn = document.getElementById('addBtn'),
    fixBot = document.getElementById('fix-bot');

btn.addEventListener('click', function(e) {
  e.preventDefault();
  fixBot.style.display = 'block';
});

работоспособность не проверял, написано "на коленке", но общая суть решения может подойти. То-есть, мне кажется, что тут даже нет необходимости привязывать action от php к работе с DOM.

А, если все-таки используете jquery, то лучше все hide / show операции делать с использованием css display / visibility / opacity etc и функций addClass / removeClass.

Comments

[ligisayan]

Ihor Gevorkyan к сожалению, не будет это работать, т.к. блок должен показываться, если в блоке сравнения что-то есть, т.е. при переходе на любую страницу, обновление страницы, и удаление из блока сравнения, у него не будет запланированного функционала..поэтому полюбому нужна привязка к dom
может быть моя промашка, что изначально это не указал

[Ihor Gevorkyan]

В js, который написан прям в template.php, можно вставлять значения, который возвращают хуки php. Не могу в субкомментарии код написать(

[Ihor Gevorkyan]

ligisayan: https://jsfiddle.net/5hfj1rks/

[ligisayan]

Ihor Gevorkyan: в template.php который находится в wp-includes? но, там нет js.. если только не про эту функцию речь

/**
 * Require the template file with WordPress environment.
 *
 * The globals are set up for the template file to ensure that the WordPress
 * environment is available from within the function. The query variables are
 * also available.
 *
 * @since 1.5.0
 *
 * @global array      $posts
 * @global WP_Post    $post
 * @global bool       $wp_did_header
 * @global WP_Query   $wp_query
 * @global WP_Rewrite $wp_rewrite
 * @global wpdb       $wpdb
 * @global string     $wp_version
 * @global WP         $wp
 * @global int        $id
 * @global WP_Comment $comment
 * @global int        $user_ID
 *
 * @param string $_template_file Path to template file.
 * @param bool   $require_once   Whether to require_once or require. Default true.
 */
function load_template( $_template_file, $require_once = true ) {
	global $posts, $post, $wp_did_header, $wp_query, $wp_rewrite, $wpdb, $wp_version, $wp, $id, $comment, $user_ID;

	if ( is_array( $wp_query->query_vars ) ) {
		extract( $wp_query->query_vars, EXTR_SKIP );
	}

	if ( isset( $s ) ) {
		$s = esc_attr( $s );
	}

	if ( $require_once ) {
		require_once( $_template_file );
	} else {
		require( $_template_file );
	}
}

[Ihor Gevorkyan]

ligisayan: нет, template - я не про конкретный файл, template использовал, как общее понятие view, то-есть, имел в виду, тот template, в котором находится этот код jquery, который Вы показали в вопросе

[ligisayan]

Ihor Gevorkyan: ок, так а если у меня есть хук public $action_add = 'yith-woocompare-add-product'; - я может и могу прослушивать $action_add ?
или как к нему привязаться var hasCompares = <?php echo $action_add; ?

[ligisayan]

Ihor Gevorkyan пробовал делать так
var hasCompares = <?php echo $action_add; ?>
получаю ошибку
PHP Parse error: syntax error, unexpected 'hasCompares' (T_STRING), expecting variable (T_VARIABLE)

[Ihor Gevorkyan]

ligisayan: я не уверен, что именно определение $action_add Вам поможет, какой именно хук Вам использовать, не знаю, так как еще раз повторюсь, что с 'yith-woocompare-add-product' не работал, не в курсе внутренностей этого плагина. Но то, что возможность проверки кол-ва товаров в сравнении у них есть, более чем уверен.
PHP Parse error: syntax error, unexpected 'hasCompares' (T_STRING), expecting variable (T_VARIABLE)
Выпадает ошибка потому, что указанная конструкция должна быть заключена в тег `script`, до тега `script` нужно закрыть `?>` после, если необходимо, то открыть `<?php`. А сейчас получается, что интерпретатор PHP парсит Ваш код JS и не понимает, что от него хотят.

[ligisayan]

Ihor Gevorkyan: спасибо, буду еще что-то пробовать. частично решил проблему с помощью привязки к триггеру:

$('body').bind('yith_woocompare_render_table', function() {
});

но работает только в том случае, если всплывает модальное окно, а без нее нет и на удаления никак не реагирует.. может быть есть еще какие-либо мысли в связи с этим?

[Ihor Gevorkyan]

ligisayan: какое модальное окно? без визуализации того, что сейчас происходит у Вас, ничего не пойму)

[ligisayan]

Ihor Gevorkyan: да-да, вот демо-сайт motors.likemedia.by/shop кнопка сравнения желатая в тумбе каждого товара