Estrecho abajo una tienda página resultados basados en una etiqueta de producto en WooCommerce

Tengo una página de la tienda que muestra un producto (sillas) para un minorista en múltiples ciudades. Cada ciudad es una etiqueta para cada producto. Lo que quiero ser capaz de hacer es reducir una página de categoría como (sillas) o una página de la tienda para mostrar sólo el producto de esa ciudad.

¿Hay una manera de filtrar los resultados del producto?.


Solución

Pasé las cadenas de consulta a la dirección URL de la página de categoría para mostrar las etiquetas dentro de esa categoría. Esto es lo que hice para resolver el mismo problema
function displayLocationDropdown() {
if(!is_product_tag()){
    $html = '';
    $html .= '<form class="location-select" method="post">';
    $html .= '<select id="location-selector" name="location" class="location">';

    $tag = wp_tag_cloud( array(
        'format' => 'array',
        'taxonomy' => 'product_tag' 
    ) );
    $page_path = $_SERVER["REQUEST_URI"];
    $page_url = site_url() . $page_path;
    $url_parts = parse_url($page_url);
    $constructed_url = $url_parts['scheme'] . 

'://' . $url_parts['host'] .

(isset($url_parts['path'])?$url_parts['path']:''); $html .= '<option value="#">--Select Location--</option>'; foreach($tag as $tagkey => $tagvalue) { $cleanedup = strip_tags($tagvalue); $tag_info = get_term_by('name', $cleanedup, 'product_tag', 'ARRAY_A'); $tag_slug = $tag_info['slug']; if(isset($_GET['product_tag'])) { $value_url = $constructed_url . '?product_tag=' .

$tag_slug; } else { $value_url = $page_url . '?product_tag=' .

$tag_slug; } $html .= '<option value="' . $value_url .

'">' . $cleanedup .

'</option>'; } $html .= '<option value="' . $constructed_url .

'">View All Locations</option>'; $html .= '</select>'; $html .= '</form>'; echo $html; } } add_action('woocommerce_before_shop_loop', 'displayLocationDropdown', 40);
Luego en cola los siguiente jQuery para manejar las direcciones URL de carga cuando se selecciona el menú desplegable.
jQuery(document).ready(function() {
    jQuery("#location-selector").change(function() {
        location = jQuery("#location-selector option:selected").val();
    });
});
Todavía estoy buscando para perfeccionar esto, así que voy a actualizar si llego con algo mejor..





Problemas relacionados

Haciendo Woocommerce hijo de páginas de producto de la tienda

Desactivar el redireccionamiento a la página del producto en la página de resultados de búsqueda en WooCommerce

eslabón perdido de tienda woocommerce breadcrump

Agregar campo cantidad con cada producto en la tienda página wooCommerce

Cómo usar diferente breve descripción en la página de la tienda y en la página del producto en woocommerce

Mostrar el rango de precios en variaciones del producto woocommerce

Cómo crear páginas separadas tienda en woocommerce para cada categoría de producto

Añadir botón comprar página en WooCommerce

Tema Woocommerce Sidebar

Woocommerce variaciones: Cambiar texto y selección de precio

¿Ocultar precio & título en tienda dispay en miniatura?

WooCommerce, diferentes precios basados en localización

Source: Stack Exchange Inc; License: cc by-sa 3.0 Contacto / Contact