Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Pattern Library
Currency Estimates

Estimated currencies module allows users to view prices in a currency other than GBP.

%p
  .js-estimated-price-cost-item{data: {cost: "5900"}} $88.50

.m-estimated-prices
  %a.m-estimated-prices__togglelink.js-estimated-prices-togglelink{href: '#estimated-prices-form', aria: { controls: 'estimated-prices-form', expanded: "true" }} Estimate prices in local currency
  %form#estimated-prices-form.m-estimated-prices-form.js-toggleable-form{data: { state: "visible" }}
    .m-radio-button.m-radio-button--inline
      %label.a-radio__label
        = radio_button_tag(:estimated_price, "GBP", false, data: { rate: 1, code: 'GBP', unit: '£', 'is-base-currency': true }, class: 'a-radio__input')
        %span.a-radio__label-text= "GBP (£)"
        %span.a-radio__button
    .m-radio-button.m-radio-button--inline
      %label.a-radio__label
        = radio_button_tag(:estimated_price, "USD", true, data: { rate: 1.5, code: 'USD', unit: '$', 'is-base-currency': false }, class: 'a-radio__input')
        %span.a-radio__label-text= "USD ($)"
        %span.a-radio__button
    %p.m-estimated-prices__price-disclaimer
      Charges to your account will be made in
      = succeed "." do
        %strong GBP
      Prices in local currency are provided as a convenience and are only an
      %strong estimate
      based on current exchange rates.

$88.50

Estimate prices in local currency

Charges to your account will be made in GBP. Prices in local currency are provided as a convenience and are only an estimate based on current exchange rates.