FOX - Currency Switcher for WooCommerce

Cómo insertar un selector de moneda en el menú del sitio

Un menú no tiene espacio para un conmutador de tamaño completo. Construye un conmutador de moneda compacto en Smart Designer, anota su ID y colócalo ahí.

No debes insertar un desplegable grande allí. Puedes crear un desplegable de moneda en Smart Designer y establecer allí elementos de tamaño más pequeño (fuentes, alturas). Luego instala el plugin 'Shortcode in Menus' y coloca allí el shortcode de SD: El resultado se verá como se muestra en la siguiente imagen: Para obtener una variante más atractiva, ¡usa la opción 'scale'!
  • crea un nuevo shortcode en Smart Designer
  • establece la opción 'scale' allí, por ejemplo 0.5
  • abre el archivo functions.php de tu tema actual de WordPress y coloca allí el siguiente código:
    add_shortcode('woocs_menu_sw', function($args) {
        ob_start();
        ?>
        <div style="
             position: relative;
             top: 34px;
             margin-right: calc(500px * -0.5);
             "><?php echo do_shortcode('[woocs sd=9]') ?></div>
        <?php
        return ob_get_clean();
    });
    
  • coloca el shortcode [woocs_menu_sw] en el menú principal como se describió al inicio de este artículo
  • margin-right: 500px es el ancho del desplegable establecido en Smart Designer, 0.5 es la opción 'scale' que se estableció allí
  • top: juega con este valor, pero aproximadamente para la escala 0.5 es 34px
Resultado: Consulta el menú del sitio de demostración (ancho 340px, escala 0.5). Como puedes ver, el resultado usando la opción 'scale' es más preciso.