Hummel Women’s hmlGO 2.0 Sweatshorts

Color: Marine

Marine Black Grey Melange

$(document).ready(function () { // ✅ Font Selection Logic - Short Number Font $('.short-number-font-select .font-img-trigger').on('click', function() { $(this).siblings('.font-img-dropdown').toggle(); }); $('.short-number-font-select .font-img-option').on('click', function() { const $option = $(this); const $container = $option.closest('.short-number-font-select'); const fontType = $option.data('type'); // 'adidas' or 'global' const fontLabel = $option.data('label'); const fontValue = $option.data('value'); // Update selected state $container.find('.font-img-option').removeClass('selected'); $option.addClass('selected'); // Update display text $container.find('.font-img-trigger-text').text(fontLabel); // Update hidden input $container.find('.short-number-font-value').val(fontValue); // Close dropdown $container.find('.font-img-dropdown').hide(); // ✅ Filter color options based on font type const $colorSelect = $('.short-number-color-select'); if (fontType === 'adidas') { // Show Adidas colors only $colorSelect.find("option[data-color-number-family*='adidas']").show(); $colorSelect.find("option[data-color-number-family='global']").hide(); $colorSelect.find("option[data-color-number-family*='adidas']").first().prop('selected', true); } else { // Show Global colors only $colorSelect.find("option[data-color-number-family*='global']").show(); $colorSelect.find("option[data-color-number-family='adidas']").hide(); $colorSelect.find("option[data-color-number-family*='global']").first().prop('selected', true); } }); // ✅ Initial color filter on page load $('.short-number-color-select option[data-color-number-family*="global"]').show(); $('.short-number-color-select option[data-color-number-family="adidas"]').hide(); // Close dropdown when clicking outside $(document).on('click', function(e) { if (!$(e.target).closest('.short-number-font-select').length) { $('.short-number-font-select .font-img-dropdown').hide(); } }); function updateCustomization(input, type) { let sum = 0; $('.all_quantity .quantity__input').each(function () { let val = parseFloat($(this).val()); if (!isNaN(val)) sum += val; }); // Enable / Disable checkbox if (sum > 6) { $('#show_custom_info').prop('disabled', false); if ($('#show_custom_info').prop('checked')) { $('.custom_info').show(); } } else { if (!$('#show_custom_info').hasClass('already')) { $('#show_custom_info').prop('disabled', true); $('.custom_info').hide(); } } let qty = parseInt(input.val()) || 0; let size = input.attr('size_tag'); let container = $(`.short_number_holder .${type}_customizations .${size}`); container.toggle(qty > 0); let target = container.children('div').eq(1); target.empty(); let content = ''; // Short front number is always $3.50 (fixed price, no Heat Press/Embroidery variants) const numberPrice = '$3.50'; for (let i = 0; i < qty; i++) { content += ''; } target.append(content); } // Adult quantity change $(document).on('change', '.adult .quantity__input', function () { updateCustomization($(this), 'adult'); }); // Youth quantity change $(document).on('change', '.youth .quantity__input', function () { updateCustomization($(this), 'youth'); }); // Checkbox toggle $('#show_custom_info').on('change', function () { $('.custom_info').toggle(this.checked); }); // Front number toggle - Show/Hide font selection $('input[name="properties[shortFrontNumber]"]').on('change', function () { let value = $(this).val(); if (value === 'no') { $('.short_number_holder').hide(); $('#back_section').hide(); $('.front_number_font_section').hide(); } else { $('.short_number_holder').show(); $('#back_section').show(); $('.front_number_font_section').show(); } }); });