FOX - Conmutador de moneda WooCommerce profesional

Cómo soltar el conmutador de divisas de woocommerce en el menú

Este artículo es solo un ejemplo cuyo propósito es ayudar a los usuarios a insertar el conmutador en el menú de su sitio, ¡y no es parte de la funcionalidad de WOOCS!

  • Instalar Plugin Código corto en menús
  • Añadir functions.php del siguiente código de tu tema de wp actual:
    add_shortcode ('woocs_in_menu', function () {if (defined ('WOOCS_LINK')) {$ styles_link = WOOCS_LINK. 'views / shortcodes / styles / for-menu /'; wp_enqueue_style ('woocs-style-in-menu', $ styles_link. "styles.css", array (), WOOCS_VERSION); wp_enqueue_script ('woocs-style-in-menu', $ styles_link. "actions.js", array ('jquery'), WOOCS_VERSION); ob_start () ;?> Haz click en mi !!  Seleccione el tipo de moneda 
  • Ir a la página de menús: wp-admin / nav-menus.php
  • Insertar código corto [woocs_in_menu] como en la siguiente pantalla:
  • Guarde el menú y búsquelo en el frente de su sitio. Recuerde sobre la caché del sitio, así que reiníciela si usa algún complemento de caché
  • Usando el estilo CSS sobrecargándolo como quieras usando hook wp_footer en functions.php:
    .woocs-style-for-menu-dialog {posición: absoluta; alineación de texto: centro; fondo: # 4478a0; margen: 13px 0 4px 4px; pantalla: bloque en línea; ancho: 256px; caja de sombra: 0px 0px 8px rgba (68, 140, 160, 0.5); } .woocs-style-for-menu-dialog: after, .woocs-style-for-menu-dialog: before {bottom: 100%; borde: sólido transparente; contenido: " "; altura: 0; ancho: 0; posición: absoluta; eventos de puntero: ninguno; } .woocs-style-for-menu-dialog: after {border-color: rgba (255, 255, 255, 0); color del fondo del borde: # 5C9CCE; ancho del borde: 15px; izquierda: 50%; margen izquierdo: -15px; } .woocs-style-for-menu-dialog: antes de {border-color: rgba (170, 170, 170, 0); ancho del borde: 16px; izquierda: 50%; margen izquierdo: -16px; } .woocs-style-for-menu-dialog .woocs-style-for-menu-title {color: #fff; font-weight: negrita; alineación de texto: centro; borde: 1px sólido # 5189B5; ancho del borde: 0px 0px 1px 0px; margen izquierdo: 0; margen derecho: 0; margen inferior: 4px; margen superior: 8px; relleno: 8px 16px; fondo: # 5C9CCE; sombra de cuadro: 0px 1px 4px rgba (68, 120, 160, 0.1); tamaño de fuente: 16px; altura de línea: 2em; } .woocs-style-for-menu-dialog .woocs-style-for-menu-title: first-child {margin-top: -4px; } .woocs-style-for-menu-form {padding: 16px; }
    
    add_action ('wp_footer', function () {?>
          /********* overload any styles here ***********/
       
    

     


Ver demo aquí

Lea también: https://currency-switcher.com/how-to-insert-currency-switcher-into-site-menu/


Descripción obsoleta:

PD Posibles incompatibilidades CSS que deben resolver usted o el desarrollador de su sitio