Encontré este código para mostrar el atributo después de un título: agregue un atributo de producto específico después del título en productos individuales de Woocommerce
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); add_action( 'woocommerce_single_product_summary', 'custom_template_single_title', 5 ); function custom_template_single_title() { global $product; $brand_name = $product->get_attribute('brand-name'); echo '<h1 class="product_title entry-title">'; the_title(); if( $brand_name ) echo ' - ' . $brand_name; echo '</h1>'; }funciona, pero trato de mostrar solo uno de los atributos seleccionados para que aparezca.
Un atributo de ejemplo de color: blanco y negro
El código funciona como
"Título del producto: blanco, color"
Lo que quiero mostrar es
si no se selecciona ningún atributo
"Título del producto" (que no aparezca nada)
si se selecciona blanco, mostrar como
"Título del producto - Blanco"
Agregue el código en su functions.php . Reemplace pa_color con su atributo
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); add_action( 'woocommerce_single_product_summary', 'custom_template_single_title', 5 ); function custom_template_single_title() { global $product; $brand_name = $product->get_attribute('brand-name'); $brand_output = ''; if( $brand_name ) $brand_output = ' - ' . $brand_name; echo sprintf('<h1 class="product_title entry-title">%s %s <span></span></h1>',get_the_title(),$brand_output); } function change_title_on_color_change() { global $product; if($product->get_type() !== 'variable') return; ?> <script> jQuery(function($) { $(document).ready(function() { update_product_title(); }); $('select#pa_color').change( function(){ update_product_title(); }); function update_product_title() { var color_val = $('select#pa_color option').filter(':selected').val(); var color_text = $('select#pa_color option').filter(':selected').text(); if(color_val.length > 0) { $('.product_title.entry-title span').text(' - ' + color_text); } else { $('.product_title.entry-title span').empty(); } } }); </script> <?php } add_action('woocommerce_after_single_product','change_title_on_color_change');