WordPress y WooCommerce: paso de variables con Ajax

Creé una plantilla personalizada que permite al usuario filtrar por color ( custom-product.php , a continuación). Quiero utilizar una llamada ajax para pasar la identificación de la etiqueta html seleccionada a la página donde hay un producto ( get-fabric.php ). Mi problema es que la ID de la opción seleccionada no se transmite en la URL. El registro muestra que obtengo el ID de la opción seleccionada con éxito, pero que está vacío cuando se carga la página subsiguiente ( get-fabric.php ).

Aquí está custom-product.php :

 
Colour <option value = "name; ?>">name; ?>

Y get-fabric.php :

   'product', 'posts_per_page' => 1000, 'product_cat' => 'fabric' ); $loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); global $product; $regular_price = $product->get_price_html(); $image = wp_get_attachment_image_src( get_post_thumbnail_id( $loop->post->ID ), 'product' ); echo ' 

'.$product->post->post_title.'

'.$regular_price.'
'; endwhile; wp_reset_query(); ?>

'.$product->post->post_title.'

'.$regular_price.'

Y el código ajax:

   jQuery(document).ready(function(){ jQuery("#id-select-colour").change(function(){ var allcoulour =jQuery(this).val(); var dataString = allcoulour; jQuery.ajax({ type: "POST", url: "/wp-content/themes/woocommerce-extension/templates/get-fabric.php", /* PAGE WHERE WE WILL PASS THE DATA */ data: dataString, success: function(result){ jQuery(".fabric-row").html(result); } }); console.log(dataString); }); });  

Tienes que pasar tus datos como pares clave-valor

  jQuery.ajax({ type: "POST", url: "/wp-content/themes/woocommerce-extension/templates/get-fabric.php", /* PAGE WHERE WE WILL PASS THE DATA */ data: {"select_colour":allcoulour}, /*or data: "select_colour="+allcoulour,*/ success: function(result){ jQuery(".fabric-row").html(result); } }); console.log(dataString); });