{"id":57,"date":"2025-05-29T04:46:39","date_gmt":"2025-05-29T04:46:39","guid":{"rendered":"http:\/\/svishwas"},"modified":"2025-06-13T06:28:03","modified_gmt":"2025-06-13T06:28:03","password":"","slug":"shortcode","status":"publish","type":"docs","link":"https:\/\/docs.psmplugins.com\/docs\/shortcode\/","title":{"rendered":"Shortcode"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Currency Switcher Customisation<\/h5>
This section lets you customise the appearance of the currency switcher when using its shortcode. As you adjust the settings on the left, the live preview and the generated shortcode will update automatically. Once you’re satisfied with the design, simply copy and paste the shortcode into any page, post, or widget on your website.<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Switcher size<\/h5>
This dropdown menu allows you to set the visual size of the currency switcher when it’s embedded via shortcode.<\/div>
\u00a0<\/div>
Click the dropdown arrow to view the available size options (e.g., Small, Medium).<\/div>
\u00a0<\/div>
Select your preferred size, and you’ll see the change reflected in both the live preview and the size attribute of the generated shortcode.<\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Switcher Display Options<\/h5>
These toggles allow you to control which elements are displayed in the currency switcher when using the shortcode. As you enable or disable these options, both the live preview and the generated shortcode will update in real-time.<\/div><\/div><\/div>
\u00a0<\/div>
Display Elements<\/strong>:<\/div>
    • Show Flag –<\/em>
      • Enabled:<\/strong> Displays a flag icon representing the selected currency\u2019s country. \u2192 Adds flag=”1″ to the shortcode.<\/li>
      • Disabled:<\/strong> Hides the flag icon. \u2192 Removes flag=”1″ from the shortcode.<\/li><\/ul><\/li><\/ul><\/li>
      • \u00a0
        • \u00a0Show Currency Name –\u00a0<\/em>
          • Enabled:<\/strong> Displays the full name of the currency (e.g., “Indian Rupee”). \u2192 Adds name=”1″ to the shortcode.<\/li>
          • Disabled:<\/strong> Hides the currency name. \u2192 Removes name=”1″ from the shortcode.<\/li><\/ul><\/li><\/ul><\/li>
          • \u00a0
            • \u00a0Show Currency Symbol –
              • Enabled:<\/strong> Displays the currency symbol (e.g., “\u20b9”). \u2192 Adds symbol=”1″ to the shortcode.<\/li>
              • Disabled:<\/strong> Hides the symbol. \u2192 Removes symbol=”1″ from the shortcode.<\/li><\/ul><\/li><\/ul><\/li>
              • \u00a0
                • Show Currency Code –<\/em>
                  • Enabled:<\/strong> Displays the three-letter ISO code (e.g., “INR”). \u2192 Adds code=”1″ to the shortcode.<\/li>
                  • Disabled:<\/strong> Hides the currency code. \u2192 Removes code=”1″ from the shortcode.<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                    \n\t\t\t\t
                    \n\t\t\t\t\t\t\t\t\t
                    Preview<\/h5>

                    This section provides a real-time visual representation of the currency switcher, based on your selected settings.\u00a0<\/p><\/div>

                    • Visual Display:<\/strong> Shows how the switcher will look on the frontend, updating instantly as you change the Switcher Size and Display Options.<\/li>
                    • Generated Shortcode:<\/strong> Located below the preview, this shortcode updates automatically based on your selections.<\/li><\/ul>
                      \u00a0<\/div>
                      [psm-multi-currency-switcher size=\"medium\" flag=\"1\" name=\"1\" symbol=\"1\" code=\"1\"]<\/pre>
                      \u00a0<\/div><\/div>
                      • Copy Icon:<\/strong> Click the copy icon next to the shortcode to copy it to your clipboard. You can paste it into any post, page, or widget area that supports shortcodes.<\/div><\/div><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
                        \n\t\t\t\t\t
                        \n\t\t\t\t
                        \n\t\t\t\t
                        \n\t\t\t\t\t\t\t
                        \n\t\t\t\t\t