Comment insérer un sélecteur de devise dans le menu du site

Un menu n'a pas de place pour un sélecteur pleine taille. Créez un sélecteur de devise compact dans Smart Designer, notez son ID et placez-le.

• créez un nouveau shortcode dans Smart Designer
• définissez l'option 'scale', par exemple 0.5
• ouvrez le fichier functions.php de votre thème WordPress actuel et placez-y le code suivant :

  add_shortcode('woocs_menu_sw', function($args) {
      ob_start();
      ?>
      <div style="
           position: relative;
           top: 34px;
           margin-right: calc(500px * -0.5);
           "><?php echo do_shortcode('[woocs sd=9]') ?></div>
      <?php
      return ob_get_clean();
  });
  

• placez le shortcode [woocs_menu_sw] dans le menu principal comme décrit au début de cet article
• margin-right : 500px est la largeur du menu déroulant définie dans Smart Designer, 0.5 est l'option 'scale' qui y est définie
• top : jouez avec cette valeur, mais approximativement pour l'échelle 0.5, elle est de 34px