description)) {
echo '
' . wp_kses_post($store->description) . '
';
}
// Get store logo if you have one
$store_logo = get_term_meta($store->term_id, 'store_logo', true);
if (!empty($store_logo)) {
echo '
';
}
?>
No stores found matching your criteria.';
}
die(); // This is important - it terminates the script execution after returning data
}
add_action('wp_ajax_filter_stores', 'filter_stores_ajax');
add_action('wp_ajax_nopriv_filter_stores', 'filter_stores_ajax'); // For non-logged in users
function enqueue_store_filter_scripts() {
if (is_tax('store')) {
wp_enqueue_script('store-filters', '', array('jquery'), '1.0', true);
wp_add_inline_script('store-filters', '
jQuery(document).ready(function($) {
// Function to handle AJAX filtering
function ajaxFilterStores() {
var location = $("#store_location").val();
var category = $("#store_category").val();
$.ajax({
url: ajax_object.ajax_url,
type: "POST",
data: {
action: "filter_stores",
location: location,
category: category,
security: ajax_object.nonce
},
beforeSend: function() {
$(".stores-container").addClass("loading");
},
success: function(response) {
$(".stores-container").html(response);
},
complete: function() {
$(".stores-container").removeClass("loading");
}
});
}
// Handle filter changes
$("#store_location, #store_category").change(function() {
ajaxFilterStores();
});
// Prevent form submission and use AJAX instead
$("#store-filters").submit(function(e) {
e.preventDefault();
ajaxFilterStores();
});
});
');
wp_localize_script('store-filters', 'ajax_object', array(
'ajax_url' => admin_url('admin-ajax.php'),
'nonce' => wp_create_nonce('store_filter_nonce')
));
}
}
add_action('wp_enqueue_scripts', 'enqueue_store_filter_scripts');
.stores-container.loading {
opacity: 0.5;
pointer-events: none;
position: relative;
}
.stores-container.loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}