Design

Posted on by Villatheme

Go to Dashboard >> Multi Currency >> Design, this is where you can configure the front-end interface of the plugin.

Currencies Bar

Settings for Currencies Bar – the sidebar currency list, displayed in the left or right middle section of the site, on any pages

  1. Enable/Disable the currencies bar: The bar float on a sidebar of your site, and allows customers to switch currencies.
  2. Checkout page: Enable to hide currencies bar on the checkout page.
  3. Cart Page: Enable to hide currencies bar on the cart page.
  4. Conditional Tags: Configure where the currencies bar will appear by using WooCommerce conditionals Tags and WordPress Conditional tags.
    Important note: To handle WP’s Conditional Tags, this plugin uses eval() which is very dangerous because it allows the execution of arbitrary PHP code. Therefore, please only fill this field with proper conditional tags that are validated and/or provided by trusted developers
  5. Title: Enter the title of the currencies bar.
  6. Position: Select currencies bar position – Left or Right
  7. Desktop: Collapse the currencies bar on desktop. It shows only one selected currency and expands on hover. Disabling this will turn off all related settings – from option 8 to 11 – below.
  8. Click to expand currencies bar: Allows users to expand the Currencies Bar upon clicking the (+) button
  9. Expand button color: Set the icon color for expanding-the-bar button
  10. Expand button background: Set the background color of the expand icon
  11. Expand button opacity: Adjust the transparency of the expand icon
  12. Mobile: Enable it to allow Currencies Bar Collapse on mobile.
  13. Top position: Set the distance from the sidebar center to the top of the screen (use % or px).
  14. Max height(px): Enter the max height for the currencies bar.
  15. Text color: Select the color of the currency bar text.
  16. Sidebar layout: 3 layouts
    • Curved border and no split space: Displays each currency in a dropdown with no gaps between lines, and rounded corners on the dropdown box
    • Split currency line with space: Displays each currency in a dropdown with blank space separating each line for a more spaced-out look
    • Single slide select
  17. Style: Select the style of the currencies bar, there are 4 options for you to select: Default (Currency code), Symbol, Flag,  Flag & Currency Code, and Flag & Currency symbol.
  18. Main color: Configure the color of the currencies bar.
  19. Currency name background: If “Sidebar layout” is “Single slide select”, set up this background color for the currency name when Currencies Bar is collapsed.
  20. Hover color: Currencies bar changes to this color when you hover
  21. Background color: Configure the background color of the currencies bar.

 

Currency selector

Settings for the Currency Price Switcher, which is visible on single product pages only.

  1. Currency Price Switcher: Display a price switcher under product price on product pages, allowing customers to switch the price between currencies. There can be some selections:
    • Not show
    • Flag
    • Flag + Currency code
    • Flag + Price
    • Currency Symbol
  2. Switcher layout:  2 layouts
    • Curved border and no split space: Displays each currency in a dropdown with no gaps between lines, and rounded corners on the dropdown box
    • Split currency line with space: Displays each currency in a dropdown with blank space separating each line for a more spaced-out look
  3. Price Switcher Positions: Support the following positions on the single product pages, including:
    • Below title
    • Below price
    • Below excerpt
    • Below add to cart
    • Below meta
    • Below sharing
  4. Click to expand the currency selector: By default, dropdown currency selector including product price switcher, Currency selector widgets(except the Default layout) and Currency selector shortcodes(except [woo_multi_currency]) will expand on hovering. Enable this option if you want them to only expand when clicking on.

 

Currency price collate

  • This feature displays prices in all available currencies except the one currently selected (since it’s already shown).
  • This feature works on both single product pages and product list.
  • This feature uses exchange rates to convert prices and doesn’t support Fixed price feature

  1. Enable: Enable this feature
  2. Price collate layout: Adjusts the layout style of prices with multiple currencies displayed together
    • Inline: All currencies in one line
    • Split line: Each currency a line
  3. Single product position: Sets the position of the grouped prices in all currencies on single product pages. Note: this option can be affected by your theme or product template if you use page builder.
    • After title
    • After price
    • After excerpt
    • After add to cart
    • After meta
    • After sharing
  4. Archive position: Sets the position of the grouped prices in all currencies on archive pages

 

Widget, Flag Custom: The option for you to replace a flag with your flag.

Settings for currency tool created by dragging widget under Appearance.

 

Shortcode

Settings for Currency Selectors created by shortcodes.

  1. Text color: Change the text color of the currency shortcode
  2. Background color: Change the background color of the currency shortcode
  3. Activate text color: Change the text color of the currency shortcode when activating
  4. Activate background color: Change the background color of the currency shortcode when activating

 

Custom CSS: Allows you to add your own CSS code to design the currencies bar or widget.