The themes in Chargebee were updated with the release of i18n and therefore, the Hosted Pages have localized automatically. However, if you customized your themes for the Hosted Pages before the release of i18n, you can follow the steps below to make your themes localized:


  1. Go to Settings > Themes >  on any theme, click on Configure Theme or Configure & Publish Theme > click on Save. Now, your Hosted Pages will be localized based on your settings.
  2. If you want to use switch locale option in your themes, we would recommend you to use the latest version of the respective theme from our gallery.
  3. If you do not want to use the latest version from our gallery, you can still use switch locale option making the following changes:
  • Add the tag below to the header section of the HTML templates (inside the Templates folder) present inside your themes:

<div data-cb-jshook="attach-locale-dropdown" class="pull-right"></div>

  • You can also style this element like below and add it in your css file:

 margin-top: 10px;

 background: none;

 border: none;[data-cb-jshook=attach-locale-dropdown] select {


 color: {{header.title_color}}

}


[data-cb-jshook=attach-locale-dropdown] select:focus {

 margin-top: 10px;

 background: none;

 border: none;

 color: {{header.title_color}}

}

  • You can now upload the customized theme and use the switch locale option.