{ const sw = e.target.closest(‘.ha-swatch’); if(!sw) return; const box = sw.closest(‘.ha-color’); box.querySelectorAll(‘.ha-swatch’).forEach(s=>s.classList.remove(‘active’)); sw.classList.add(‘active’); const color = sw.dataset.color; document.querySelectorAll(‘[data-show-color]’).forEach(img=>{ img.style.display = (img.dataset.showColor === color) ? ‘block’ : ‘none’; }); }); JS; wp_add_inline_script(‘ha-landing-js’, $js); } public function render($atts = []) { $a = shortcode_atts([ ‘producto’ => ‘Micrófono Hollyland Lark / M2’, ‘subtitulo’ => ‘Audio pro para creadores: fácil, resistente y con garantía real en Colombia.’, ‘precio1’ => ‘1 x $298.500’, ‘precio2’ => ‘2 x $519.800’, ‘precio3’ => ‘3 x $659.700’, ‘whatsapp’ => ‘https://wa.me/573506005819’, ‘mercadopago’ => ‘https://mpago.li/1A5sh3X’, ‘tienda1’ => ‘CC Monterrey, Local 140D’, ‘tienda2’ => ‘CC Monterrey, Local 369’, ‘imagen_azul’ => », // URL opcional ‘imagen_rosa’ => » // URL opcional ], $atts, ‘hollyland_landing’); ob_start(); ?>