WOOCS - WooCommerce-Währungsumschalter

So legen Sie den Wocommerce-Währungsumschalter im Menü ab

Dieser Artikel ist nur ein Beispiel, das den Benutzern helfen soll, Switcher in ihr Site-Menü einzufügen, und er ist nicht Teil der WOOCS-Funktionalität!

  • Plugin installieren Shortcode in Menüs
  • Hinzufügen functions.php Ihres aktuellen wp-Themes nächster Code:
    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() ;?> Klick mich an!!  Währung wählen
  • Gehen Sie zur Seite Menüs: wp-admin / nav-menus.php
  • Shortcode einfügen [woocs_in_menu] wie auf dem Bildschirm unten:
  • Speichern Sie das Menü und sehen Sie es sich auf der Vorderseite Ihrer Site an. Merken über den Site-Cache, also setzen Sie ihn zurück, wenn Sie Cache-Plugins verwenden
  • Verwenden Sie den CSS-Stil, um ihn nach Belieben mit Hook zu überladen wp_footer in der funktionen.php:
    .woocs-style-for-menu-dialog { position: absolut; Textausrichtung: Mitte; Hintergrund: #4478a0; Rand: 13px 0 4px 4px; Anzeige: Inline-Block; Breite: 256px; Box-Schatten: 0px 0px 8px rgba(68, 140, 160, 0.5); } .woocs-style-for-menu-dialog:after, .woocs-style-for-menu-dialog:before { unten: 100%; Rand: massiv transparent; Inhalt: " "; Höhe: 0; Breite: 0; Position: absolut; Zeigerereignisse: keine; } .woocs-style-for-menu-dialog:after { border-color: rgba(255, 255, 255, 0); Rahmenfarbe unten: #5C9CCE; Rahmenbreite: 15px; links: 50%; Rand links: -15px; } .woocs-style-for-menu-dialog:before { border-color: rgba(170, 170, 170, 0); Rahmenbreite: 16px; links: 50%; Rand links: -16px; } .woocs-style-for-menu-dialog .woocs-style-for-menu-title { color: #fff; Schriftdicke: fett; Textausrichtung: Mitte; Rahmen: 1px solide #5189B5; Rahmenbreite: 0px 0px 1px 0px; Rand-links: 0; Rand-rechts: 0; Rand-unten: 4px; Rand oben: 8px; Polsterung: 8px 16px; Hintergrund: #5C9CCE; Kastenschatten: 0px 1px 4px rgba (68, 120, 160, 0.1); Schriftgröße: 16px; Zeilenhöhe: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', Funktion (){ ?>
      /********* overload any styles here ***********/

     

Siehe Demo hier um Ihren Kundenservice-Helpdesk-Kontakt

Lies auch: https://currency-switcher.com/how-to-insert-currency-switcher-into-site-menu/

Veraltete Beschreibung:

P.S. Mögliche CSS-Inkompatibilitäten, die von Ihnen oder Ihrem Website-Entwickler behoben werden sollten