Quote from omarcasta on January 16, 2021, 19:24
Creé un botón para que se abriera una ventana emergente mostrando los filtros de "WOOF Filter" con el shortcode [woof autosubmit=0 dynamic_recount="1"] y que solo se mostrara en las paginas donde se muestra la tienda y categorías de los productos en el tema storefront. El problema que tengo es que cada vez que le doy clic en mi botón refresca la pagina, he probado desactivando el plugin WOOF Filter y mi código si funciona (es decir no refresca la pagina y muestra el contenido dentro del popup), por lo cual el problema esta en WOOF Filter. Lo que quisiera saber es que si hay alguna funcionalidad por parte de WOOF Filter que ocaciona refrescar la pagina cuando presiono el botón.
En el archivo functions.php de mi tema tengo el siguiente código
add_action( 'wp', 'woofilterhook' );
function woofilterhook() {
if (is_shop() || is_product_category()) {
wp_register_script('js_filtro', get_stylesheet_directory_uri(). '/script_filtro.js', array(), null , true );
wp_enqueue_script('js_filtro');
add_filter( 'storefront_handheld_footer_bar_links', 'jk_add_home_link3' );
function jk_add_home_link3( $links ) {
$new_links = array(
'filtros' => array(
'priority' => 9,
'callback' => 'jk_home_link_2',
),
);
$links = array_merge( $new_links, $links );
return $links;
}
function jk_home_link_2() {
echo '<a href="#" id="myBtn"></a>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="stftitle">Filtros</span>
<span class="close">×</span>'
. do_shortcode('[woof autosubmit=0 dynamic_recount="1"]') .
'</div>
</div>';
}
}
}
En mi archivo javascript tengo lo siguiente:
var modal=document.getElementById("myModal"),btn=document.getElementById("myBtn"),span=document.getElementsByClassName("close")[0];btn.onclick=function(){modal.style.display="block"},span.onclick=function(){modal.style.display="none"},window.onclick=function(n){n.target==modal&&(modal.style.display="none")};
Comento que la extensión "Slideout shortcode" propia de WOOF Filter la he instalado pero no se como agregar a un boton especifico de mi tema para que lo accione y abra los filtros con el shortcode. He intentado lo siguiente en functions.php de mi tema y tampoco funciona (muestra el boton pero nunca abre los filtros):
add_action( 'wp', 'woofilterhook' );
function woofilterhook() {
if (is_shop() || is_product_category()) {
add_filter( 'storefront_handheld_footer_bar_links', 'jk_add_home_link3' );
function jk_add_home_link3( $links ) {
$new_links = array(
'filtros' => array(
'priority' => 9,
'callback' => 'jk_home_link_2',
),
);
$links = array_merge( $new_links, $links );
return $links;
}
function jk_home_link_2() {
echo '<a href="#">'.do_shortcode('[woof_slideout image_h=50 image_w=50 location=right speed=100 action=click offset=100px onloadslideout=false ][/woof_slideout]') .'</a>';
}
}
}
Creé un botón para que se abriera una ventana emergente mostrando los filtros de"WOOF Filter" con el shortcode [woof autosubmit=0 dynamic_recount="1"] y que solo se mostrara en las paginas donde se muestra la tienda y categorías de los productos en el tema storefront. El problema que tengo es que cada vez que le doy clic en mi botón refresca la pagina, he probado desactivando el plugin WOOF Filter y mi código si funciona (es decir no refresca la pagina y muestra el contenido dentro del popup), por lo cual el problema esta en WOOF Filter. Lo que quisiera saber es que si hay alguna funcionalidad por parte de WOOF Filter que ocaciona refrescar la pagina cuando presiono el botón.
En el archivo functions.php de mi tema tengo el siguiente código
add_action( 'wp', 'woofilterhook' );
function woofilterhook() {
if (is_shop() || is_product_category()) {
wp_register_script('js_filtro', get_stylesheet_directory_uri(). '/script_filtro.js', array(), null , true );
wp_enqueue_script('js_filtro');
add_filter( 'storefront_handheld_footer_bar_links', 'jk_add_home_link3' );
function jk_add_home_link3( $links ) {
$new_links = array(
'filtros' => array(
'priority' => 9,
'callback' => 'jk_home_link_2',
),
);
$links = array_merge( $new_links, $links );
return $links;
}
function jk_home_link_2() {
echo '<a href="#" id="myBtn"></a>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="stftitle">Filtros</span>
<span class="close">×</span>'
. do_shortcode('[woof autosubmit=0 dynamic_recount="1"]') .
'</div>
</div>';
}
}
}
En mi archivo javascript tengo lo siguiente:
var modal=document.getElementById("myModal"),btn=document.getElementById("myBtn"),span=document.getElementsByClassName("close")[0];btn.onclick=function(){modal.style.display="block"},span.onclick=function(){modal.style.display="none"},window.onclick=function(n){n.target==modal&&(modal.style.display="none")};
Comento que la extensión"Slideout shortcode" propia de WOOF Filter la he instalado pero no se como agregar a un boton especifico de mi tema para que lo accione y abra los filtros con el shortcode. He intentado lo siguiente en functions.php de mi tema y tampoco funciona (muestra el boton pero nunca abre los filtros):
add_action( 'wp', 'woofilterhook' );
function woofilterhook() {
if (is_shop() || is_product_category()) {
add_filter( 'storefront_handheld_footer_bar_links', 'jk_add_home_link3' );
function jk_add_home_link3( $links ) {
$new_links = array(
'filtros' => array(
'priority' => 9,
'callback' => 'jk_home_link_2',
),
);
$links = array_merge( $new_links, $links );
return $links;
}
function jk_home_link_2() {
echo '<a href="#">'.do_shortcode('[woof_slideout image_h=50 image_w=50 location=right speed=100 action=click offset=100px onloadslideout=false ][/woof_slideout]') .'</a>';
}
}
}
