Comment personnaliser l'affichage du sélecteur de devise WooCommerce

Le sélecteur de devise WooCommerce ne doit pas nécessairement avoir l'aspect par défaut. Smart Designer construit l'élément visuellement — menu déroulant, drapeaux, liens ou boutons — et lui donne un identifiant que vous placez n'importe où.

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;
    }
});

Section "General" :

• curseur de plage "Width" - largeur du menu déroulant de devise en pixels, la valeur minimale est 80px et la maximale est 900px
• interrupteur "Width 100%" - si activé, le menu déroulant occupe 100% de la largeur du conteneur où il est placé
• curseur de plage "Scale" - définit l'échelle des menus déroulants. Permet de les réduire pour les placer par exemple dans le pied de page du site
• curseur de plage "Border width" - largeur de la bordure du menu déroulant du sélecteur de devise en pixels, la valeur minimale est 0 et la maximale est 10px
• curseur de plage "Border radius" - rayon de la bordure du menu déroulant du sélecteur de devise en pourcents, la valeur minimale est 0 et la maximale est 100%
• sélecteur de couleur "Border color" - couleur de la bordure du sélecteur. Après avoir cliqué sur le bouton du sélecteur, vous pouvez choisir le schéma de couleurs que vous souhaitez utiliser : RGB, HSL, HEX
• sélecteur de couleur "Background color" - couleur d'arrière-plan pour chaque option
• sélecteur de couleur "Pointer color" - couleur du pointeur du menu déroulant visible à droite du menu déroulant
• sélecteur de couleur "Options divider color" - couleur des lignes qui séparent les options lorsque le sélecteur de devise est ouvert
• curseur de plage "Options divider size" - largeur de la bordure de la ligne qui sépare les options lorsque le sélecteur de devise est ouvert, la valeur minimale est 0 et la maximale est 10px
• curseur de plage "Max open height" - hauteur maximale du menu déroulant ouvert. Si la somme des hauteurs des options dépasse cette valeur, une barre de défilement verticale apparaît

Section "Title" :

• interrupteur "Show title" - permet d'afficher ou de masquer le texte du titre dans chaque option du sélecteur déroulant de devise
• champ de texte "Title value" - contenu du texte du titre de chaque option. Utilisez des mots-clés spéciaux et leur combinaison : __CODE__ [USD], __SIGN__ [$], __DESCR__ [tout texte]. Vous pouvez également utiliser du texte statique habituel. Exemple : __CODE__ - __SIGN__ [vous verrez : USD - $]
• curseur de plage "Title font size" - taille de police du texte du titre en pixels pour chaque option, la valeur minimale est 8px et la maximale est 48px
• interrupteur "Title Bold" - si activé, le texte du titre a une graisse de police en gras pour chaque option
• sélecteur de couleur "Title color" - couleur du texte du titre pour chaque option
• champ de texte "Title font" - famille de polices du texte du titre de chaque option

Section "Description" :

• interrupteur "Show description" - permet d'afficher ou de masquer le texte de description dans chaque option du sélecteur déroulant de devise
• curseur de plage "Description font size" - taille de police du texte de description en pixels pour chaque option, la valeur minimale est 8px et la maximale est 48px
• sélecteur de couleur "Description color" - couleur du texte de description pour chaque option
• champ de texte "Description font" - famille de polices du texte de description de chaque option

Section "Flag" :

• interrupteur "Show flag" - permet d'afficher ou de masquer l'image du drapeau pour chaque option du sélecteur déroulant de devise
• interrupteur "Flag position" - permet de définir le côté de l'image du drapeau pour chaque option : droite ou gauche
• curseur de plage "Flag height" - définit la hauteur de l'image du drapeau en pixels pour chaque option, la valeur minimale est 5px et la maximale est 100px
• curseur de plage "Flag vertical position" - définit la position verticale du drapeau pour chaque option en pixels, la valeur minimale est -20px et la maximale est 30px

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