Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 5, 2014 at 4:07 pm #346583
    johniem

    Hi,

    We’re using Enfold, WPML and Woocommerce. Our standard currency is EUR. However, I would like customers to be able to select the currency of their choice (€,$ or GPB) and I’d like to to be in a dropdown next to the language flags. When a customer selects a different currency, I’d still want them to checkout in EUR (but with the total amount listed in their selected currency as well)

    Is this possible with a short code or does this call for more extreme measures?

    Thanks,
    Wendy

    November 5, 2014 at 11:03 pm #346835
    Elliott

    Hey johniem!

    I would try this plugin out, https://wordpress.org/plugins/woocommerce-currency-switcher/. It looks like it has a shortcode available as well.

    Best regards,
    Elliott

    November 21, 2014 at 11:18 am #355005
    johniem

    Hi Elliot,

    Thanks for that! I ended up using WPML‘s shortcode for the dropdown menu now it’s in the top menu on the left hand side. However, normally the top menu is about 5 mm in height and now it has doubled. I don’t really like that look so I’d prefer it to be its original height. Is there any way I can change this?

    Also, the dropdown menu is not responsive: it goes to full width on single product pages. Is there a piece of code I can add so it stays the same size?

    Thanks!
    Wendy

    November 21, 2014 at 9:06 pm #355557
    Elliott

    Hey!

    Try adding this to your custom CSS.

    .container select.wcml_currency_switcher { margin: 0px; }
@media only screen and (max-width: 479px) {
.wcml_currency_switcher { margin: 0px auto !important; }
}

    Cheers!
    Elliott

    November 22, 2014 at 11:57 am #355855
    johniem

    Hi Elliot,

    I added this to custom css, but nothing has changed unfortunately :(

    Thanks,
    Wendy

    November 23, 2014 at 9:59 am #356159
    Ismael

    Hi!

    Please use this instead:

    #top .cart-collaterals .cart_totals table .wcml_currency_switcher, #top.woocommerce-page .wcml_currency_switcher {
width: 220px;
min-width: 0;
margin: 0;
}

    Regards,
    Ismael

    November 24, 2014 at 6:42 pm #357021
    johniem

    Hi Ismael,

    Thanks! That works on the single product pages. However, on the home page and all the regular pages the height of the top menu is still double in size.
    #1 Do I need to add something to that code to also work on the rest of the site?

    # 2 And, the width doesn’t appear to change at all. Ideally I’d like it to be just big enough to hold the text, but now it’s way too large for the amount of text in it.

    # 3 If I want to move it from the left hand side to the right side (between the UK flag and Facebook icon), what do I have to add to the code?

    Apologies for all the questions!
    Wendy

    November 26, 2014 at 11:16 pm #358627
    Elliott

    Hi!

    I don’t see it in your header anymore. It looks like you moved it to your sidebar though. If you still want to change it’s width then you can use this CSS.

    .wcml_currency_switcher {
    width: 100% !important;
}

    Cheers!
    Elliott

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.