Hello,
What you’re referring to is related to the “Show single variation” feature in the theme. This feature is designed to display product variations on the archive (catalog) pages as if they were individual products, including showing the custom variation title in place of the main product title.
If you need the variation title to be dynamically displayed on the product page when a user selects a variation, Navigate to Theme Settings > Custom JS > Add the following code.
jQuery( document ).ready( function( $ ) {
var title_text = $( '.product-type-variable .product_title' ).text(); // get default title
function add_variation_txt_to_title() {
var new_title_text = '';
$( '.variations select' ).each( function() {
new_title_text += ' ' + $( this ).find( ':selected' ).val(); // collect all variation selected <options>
})
$( '.product-type-variable .product_title' ).text( title_text + new_title_text ); // set new title
}
add_variation_txt_to_title(); // call on load
$( '.variations select' ).change( function() { // call on <select >change
add_variation_txt_to_title();
})
})
Hope this Helps!
Best Regards,
.
