Show selected attribute variation name beside the title – not working on my theme

Hi,

I have managed to resolve it with this JS code:

jQuery(document).ready(function($) {
// Hook into the variation select events
$(‘.variations select’).change(function() {
var selectedOption = $(this).find(‘:selected’);
var attributeTitle = selectedOption.text();

// Find the label container within the current attribute row
var labelContainer = selectedOption.closest(‘.label’);
var label = labelContainer.find(‘label’);

// Update the label content without quotes around the selected value
// Check if the selected option is “Choose an option” and update label accordingly
if (attributeTitle === ‘Choose an option’) {
var labelText = label.text().split(‘:’)[0] + ‘: ‘;
label.text(labelText); // Restore the default text
} else {
var labelText = label.text().split(‘:’)[0] + ‘: ‘ + attributeTitle;
label.text(labelText);
}
});

// Update the variation labels on page load
$(‘.variations select’).each(function() {
var selectedOption = $(this).find(‘:selected’);
var attributeTitle = selectedOption.text();

// Find the label container within the current attribute row
var labelContainer = selectedOption.closest(‘.label’);
var label = labelContainer.find(‘label’);

// Update the label content without quotes around the selected value
if (attributeTitle === ‘Choose an option’) {
var labelText = label.text().split(‘:’)[0] + ‘: ‘;
label.text(labelText); // Set the label to empty
} else {
var labelText = label.text().split(‘:’)[0] + ‘: ‘ + attributeTitle;
label.text(labelText);
}
});
});