Cómo personalizar la vista del WooCommerce Currency Switcher

El selector de moneda de WooCommerce no tiene que tener el aspecto que tiene por defecto. Smart Designer construye el elemento visualmente — menú desplegable, banderas, enlaces o botones — y le asigna un ID que puedes colocar en cualquier lugar.

add_shorctode('woocs_set1', function($args) {
    global $post;
    //$args - here can be custom parameters
    switch ($post->ID) {
        case 17:
            echo do_shortcode('[woocs sd=2]');
            break;

        case 27:
            echo do_shortcode('[woocs sd=3]');
            break;

        case 44:
            echo do_shortcode('[woocs sd=4]');
            break;

        default:
            echo do_shortcode('[woocs sd=1]');
            break;
    }
});

Sección "General":

• control deslizante de rango "Ancho" - ancho del menú desplegable de moneda en píxeles, el valor mínimo es 80px y el máximo es 900px
• interruptor "Ancho 100%" - si está activado, el menú desplegable ocupará el 100% del ancho del contenedor donde se coloca
• control deslizante de rango "Escala" - establece la escala del menú desplegable. Añade comodidad para hacerlo más pequeño y colocarlo, por ejemplo, en el pie de página del sitio
• control deslizante de rango "Ancho del borde" - ancho del borde del menú desplegable del selector de moneda en píxeles, el valor mínimo es 0 y el máximo es 10px
• control deslizante de rango "Radio del borde" - radio del borde del menú desplegable del selector de moneda en porcentajes, el valor mínimo es 0 y el máximo es 100%
• selector de color "Color del borde" - color del borde del selector. Después de hacer clic en el botón del selector, puedes elegir qué esquema de color quieres usar: RGB, HSL, HEX
• selector de color "Color de fondo" - color de fondo para cada opción
• selector de color "Color del indicador" - color del indicador del menú desplegable que puedes ver a la derecha del menú
• selector de color "Color del divisor de opciones" - color de las líneas que dividen las opciones cuando el selector de moneda está abierto
• control deslizante de rango "Tamaño del divisor de opciones" - ancho del borde de la línea que divide las opciones cuando el selector de moneda está abierto, el valor mínimo es 0 y el máximo es 10px
• control deslizante de rango "Altura máxima abierta" - altura máxima del menú desplegable abierto. Si la suma de las alturas de las opciones es mayor, aparece una barra de desplazamiento vertical

Sección "Título":

• interruptor "Mostrar título" - te permite mostrar u ocultar el texto del título en cada opción del selector desplegable de moneda
• campo de texto "Valor del título" - contenido del texto del título de cada opción. Usa palabras clave especiales y su combinación: __CODE__ [USD], __SIGN__ [$], __DESCR__ [cualquier texto]. También puedes usar texto estático habitual. Ejemplo: __CODE__ - __SIGN__ [verás: USD - $]
• control deslizante de rango "Tamaño de fuente del título" - tamaño de fuente del texto del título en píxeles para cada opción, el valor mínimo es 8px y el máximo es 48px
• interruptor "Título en negrita" - si está activado, el texto del título tiene peso de fuente negrita para cada opción
• selector de color "Color del título" - color del texto del título para cada opción
• campo de texto "Fuente del título" - familia de fuente del texto del título de cada opción

Sección "Descripción":

• interruptor "Mostrar descripción" - te permite mostrar u ocultar el texto de descripción en cada opción del selector desplegable de moneda
• control deslizante de rango "Tamaño de fuente de la descripción" - tamaño de fuente del texto de descripción en píxeles para cada opción, el valor mínimo es 8px y el máximo es 48px
• selector de color "Color de la descripción" - color del texto de descripción para cada opción
• campo de texto "Fuente de la descripción" - familia de fuente del texto de descripción de cada opción

Sección "Bandera":

• interruptor "Mostrar bandera" - te permite mostrar u ocultar la imagen de la bandera para cada opción del selector desplegable de moneda
• interruptor "Posición de la bandera" - te permite establecer el lado de la imagen de la bandera para cada opción: derecha o izquierda
• control deslizante de rango "Altura de la bandera" - establece la altura de la imagen de la bandera en píxeles para cada opción, el valor mínimo es 5px y el máximo es 100px
• control deslizante de rango "Posición vertical de la bandera" - establece la posición vertical de la bandera para cada opción en píxeles, el valor mínimo es -20px y el máximo es 30px

<?php echo do_shortcode('[woocs sd=7 any_custom_param=123]'); ?>