WOOCS - WooCommerce-Währungsumschalter

So passen Sie die Ansicht des Woocommerce-Währungsumschalters an

"Intelligenter Designer"(ab v.2.3.5 / 1.3.5) ist der Teil der Funktionalität von WooCommerce Currency Switcher, der es ermöglicht, Multi-Währungs-Dropdown-Switcher mit einem praktischen Dashboard zu erstellen. Sie können eine unbegrenzte Anzahl von Dropdown-Designs für verschiedene Stellen Ihrer Site erstellen und diese sogar direkt in den Site-Code einfügen. Sie können auch einen benutzerdefinierten Shortcode-Wrapper erstellen, um Währungsumschalter unterschiedlicher Designs je nach Site-Seiten oder anderen logischen Bedingungen anzuzeigen, ein Beispiel:

add_shorctode('woocs_set1', function($args) { global $post; //$args - hier kann man benutzerdefinierte Parameter wechseln ($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 ]'); brechen; } });

Im obigen Beispiel mit benutzerdefiniertem Shortcode [woocs_set1 custom_param=1] ermöglicht es, je nach Site-Seiten unterschiedliche Währungsumschalter-Designs anzuzeigen.

Auf derselben Seite kann eine unbegrenzte Anzahl von Schaltern platziert werden, zum Beispiel: in der Kopfzeile '[woocs sd=1]', in der Seitenleiste '[woocs sd=2]', in der Fußzeile '[woocs sd=3]'. Dies verleiht Ihren Site-Kunden mehr Funktionalität und gleichzeitig fügt sich Währungsumschalter problemlos in die Landschaft Ihrer Site ein.

Um ein solches Design zu erstellen, gehen Sie auf die Registerkarte „Motiven“ auf der Seite der WOOCS-Optionen und drücken Sie dort die Taste “Erstellen“. Klicken Sie nach der Erstellung auf die Schaltfläche 'bearbeiten' des gerade erstellten Designs. Auf dem Designoptionen-Dashboard sehen Sie 4 Abschnitte: Allgemeines, Titel , Produktbeschreibung, Flagge. Über das Menü oben rechts können Sie durch die Abschnitte navigieren. Das Ergebnis der Bearbeitung ist sofort verfügbar und Sie können das geänderte Dropdown-Menü oben auf der Seite mit den angewendeten Einstellungen sehen.

Jeder Abschnitt hat seine eigenen Optionen. Lassen Sie uns überprüfen:

Abschnitt „Allgemeines“:

  • Bereichsschieberegler“Breite” – Breite des Währungs-Dropdowns in Pixeln, Min-Werte sind 80px und Max-Werte 900px
  • Umschalter“Breite 100%” – Wenn aktiviert, hat das Dropdown-Menü 100 % der Containerbreite, in der es platziert ist
  • Bereichsschieberegler“Zunder” – Legen Sie die Dropdown-Skala fest. Fügt die Bequemlichkeit hinzu, um es beispielsweise in der Fußzeile der Website zu verkleinern
  • Bereichsschieberegler“Rahmenbreite” – Rahmenbreite des Dropdown-Menüs des Währungsumschalters in Pixeln, Min-Werte sind 0 und Max-Werte sind 10px
  • Bereichsschieberegler“Randradius” – Grenzradius der Dropdown-Liste des Währungsumschalters in Prozent, Min-Werte sind 0 und Max-Werte sind 100 %
  • Farbwähler "Randfarbe” – Farbe des Schalterrahmens. Nachdem Sie auf die Auswahlschaltfläche geklickt haben, können Sie auswählen, welches Farbschema Sie verwenden möchten: RGB, HSL, HEX
  • Farbwähler "Hintergrundfarbe” – Hintergrundfarbe für jede Option
  • Farbwähler "Zeigerfarbe” – Farbe des Dropdown-Zeigers, den Sie in den Dropdowns rechts sehen können
  • Farbwähler "Optionen Teilerfarbe” – Farbe der Linien, die die Optionen beim Öffnen des Währungsumschalters teilt
  • Bereichsschieberegler“Optionen Teilergröße” – Rahmenbreite der Linie, die die Optionen beim Öffnen des Währungsumschalters teilt, Min-Werte sind 0 und Max-Werte sind 10px
  • Bereichsschieberegler“Maximale Öffnungshöhe” – maximale Höhe der geöffneten Klappe. Wenn die Summe der Optionshöhen größer ist, wird die vertikale Bildlaufleiste angezeigt

Abschnittsüberschrift":

  • Umschalter“Titel anzeigen” – ermöglicht das Ein- oder Ausblenden von Titeltext in jeder Option des Währungs-Dropdown-Umschalters
  • Text Eingabe "Titelwert” – Inhalt jedes Optionstiteltexts. Verwenden Sie spezielle Schlüsselwörter und deren Kombination: __CODE__ [USD], __UNTERSCHRIFT__ [$], __BESCHREIB__ [beliebiger Text]. Sie können auch üblichen statischen Text verwenden. Beispiel: __CODE__ – __SIGN__ [Sie sehen: USD – $]
  • Bereichsschieberegler“Schriftgröße des Titels” – Schriftgröße des Titeltextes in Pixeln für jede Option, Min-Werte sind 8px und Max-Werte 48px
  • Umschalter“Titel fett” – wenn aktiviert, hat der Titeltext für jede Option eine fette Schriftstärke
  • Farbwähler "Titelfarbe” – Farbe des Titeltextes für jede Option
  • Text Eingabe "Überschrift” – jede Option Titeltext Schriftfamilie

Abschnitt „Beschreibung“:

  • Umschalter“Beschreibung anzeigen” – ermöglicht das Ein- oder Ausblenden des Beschreibungstextes in jeder Option des Währungs-Dropdown-Umschalters
  • Bereichsschieberegler“Beschreibung Schriftgröße” – Schriftgröße des Beschreibungstextes in Pixeln für jede Option, Min-Werte sind 8px und Max-Werte 48px
  • Farbwähler "Beschreibung Farbe” – Farbe des Beschreibungstextes für jede Option
  • Text Eingabe "Beschreibung Schriftart” – jede Option Beschreibungstext Schriftfamilie

 

Abschnitt „Flagge“:

  • Umschalter“Flagge anzeigen” – ermöglicht das Anzeigen oder Ausblenden des Flaggenbilds für jede Option des Währungs-Dropdown-Umschalters
  • Umschalter“Flaggenposition” – ermöglicht das Setzen der Flaggenbildseite für jede Option: rechts oder links
  • Bereichsschieberegler“Flaggenhöhe” – Setzen Sie die Flag-Bildhöhe in Pixel für jede Option, Min-Werte sind 5px und Max-Werte 100px
  • Bereichsschieberegler“Vertikale Position der Flagge” – Setzt die vertikale Position des Flags für jede Option in Pixeln, Mindestwerte sind -20px und der maximale Wert ist 30px

Mit der Abschnittsnavigation oben rechts können Sie schnell durch die aktuellen Designeinstellungen navigieren und Optionen festlegen. Vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, die Sie immer am unteren Rand des Browserfensters finden. Nachdem Sie die Designeinsparungen bearbeitet haben, verlassen Sie das Design-Dashboard und kopieren Sie den Shortcode, zum Beispiel „[woocs sd=7]“. Jetzt können Sie es im üblichen Text-Widget, im Textinhalt Ihrer Site-Seite oder direkt in den Site-PHP-Dateien platzieren, zum Beispiel in Datei footer.php nächsten Code verwenden:


WOOCS SD-Demoseite.