OPPO - FMP

All Categories

Free Shipping

Contact Us

Showing 13–18 of 18 results

Show 9 12 18 24

Sign in

No account yet?

Create an Account

// WPML ARABIC VARIATION IMAGES FIX jQuery(function($) { // Only run on Arabic product pages if (!document.body.classList.contains('arabic') && window.location.href.indexOf('/ar/product/') === -1) { return; } console.log('🚀 WPML Arabic Variation Images Fix Loading...'); // Function to fix Arabic variations function fixArabicVariationImages() { var $form = $('.variations_form'); if (!$form.length) return; var arabicVariations = $form.data('product_variations'); if (!arabicVariations || !arabicVariations.length) return; console.log('🔍 Checking ' + arabicVariations.length + ' Arabic variations...'); // Check if any variation needs fixing var needsFix = false; for (var i = 0; i < arabicVariations.length; i++) { var variation = arabicVariations[i]; if (!variation.additional_variation_images || !Array.isArray(variation.additional_variation_images) || variation.additional_variation_images.length === 0) { console.log('⚠️ Variation ' + variation.variation_id + ' needs fix'); needsFix = true; break; } } if (!needsFix) { console.log('✅ All variations already have images'); return; } console.log('🌐 Fetching English variation data...'); // Get current Arabic URL var currentUrl = window.location.href; var englishUrl = currentUrl.replace('/ar/product/', '/product/'); // Fetch English page data using vanilla JS to avoid jQuery issues var xhr = new XMLHttpRequest(); xhr.open('GET', englishUrl, true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // Parse HTML var parser = new DOMParser(); var doc = parser.parseFromString(xhr.responseText, 'text/html'); // Find English variation data var englishForm = doc.querySelector('.variations_form'); if (!englishForm) { console.error('❌ English variation form not found'); return; } var variationDataAttr = englishForm.getAttribute('data-product_variations'); if (!variationDataAttr) { console.error('❌ English variation data not found'); return; } try { var englishVariations = JSON.parse(variationDataAttr); console.log('✅ Loaded ' + englishVariations.length + ' English variations'); // Attribute mapping var attributeMap = { 'amber-yellow': 'amber-yellow', 'nebula-red-ar': 'nebula-red', 'white-ar': 'white' }; // Copy images from English to Arabic var fixedCount = 0; for (var i = 0; i < arabicVariations.length; i++) { var arabicVar = arabicVariations[i]; var arabicColor = arabicVar.attributes && arabicVar.attributes.attribute_pa_color; // Find matching English variation var englishVar = null; for (var j = 0; j < englishVariations.length; j++) { var engVar = englishVariations[j]; var englishColor = engVar.attributes && engVar.attributes.attribute_pa_color; if (attributeMap[arabicColor] === englishColor) { englishVar = engVar; break; } } if (englishVar && englishVar.additional_variation_images && englishVar.additional_variation_images.length > 0) { // Deep clone the images array arabicVar.additional_variation_images = JSON.parse( JSON.stringify(englishVar.additional_variation_images) ); fixedCount++; console.log('✅ Copied ' + arabicVar.additional_variation_images.length + ' images to variation ' + arabicVar.variation_id); } } // Update the form data $form.data('product_variations', arabicVariations); // Force WooCommerce to reload setTimeout(function() { $form.trigger('check_variations'); console.log('🎉 Fixed ' + fixedCount + ' variations'); // Trigger gallery update for current variation var currentVarId = $('input[name="variation_id"]').val(); if (currentVarId) { var currentVar = null; for (var i = 0; i < arabicVariations.length; i++) { if (arabicVariations[i].variation_id == currentVarId) { currentVar = arabicVariations[i]; break; } } if (currentVar) { $(document).trigger('found_variation', [currentVar]); } } }, 300); } catch (e) { console.error('❌ Error parsing English data:', e); } } }; xhr.send(); } // Run fix after page loads - wait for WooCommerce to load variation data setTimeout(function() { // Check if WooCommerce variation script is loaded if (typeof $.fn.wc_variation_form === 'function') { fixArabicVariationImages(); } else { // Wait a bit more if not loaded setTimeout(fixArabicVariationImages, 1000); } }, 2000); // Also run when variation changes $(document).on('found_variation', function() { setTimeout(fixArabicVariationImages, 500); }); });