search

MozillaFoundation / foundation.mozilla.org

Mozilla Foundation website
https://foundation.mozilla.org
Mozilla Public License 2.0
381 stars 153 forks source link

Donation modals for bumble petition appear untranslated #12584

Open data-sync-user opened 1 week ago

data-sync-user commented 1 week ago

Bug reported by Theo here: https://mozilla-hub.atlassian.net/browse/MOFOTP-237

Hi,

I’ve noticed the donation modals for the Bumble petition launched today appeared untranslated.

Here’s the French donation modal appearing after signing the petition: https://foundation.mozilla.org/fr/campaigns/bumble/?utm_medium=email&utm_source=mofo&utm_campaign=24-Bumble-Petition&utm_content=Text_Button_Sign-now&utm_term=fr&thank_you=true&c_id=701Pk00000IkbOpIAJ

This modal is currently translated here: https://foundation.mozilla.org/cms/snippets/wagtailpages/donationmodal/edit/171/

Note that old modals are not affected, only newly created modals.

┆Issue is synchronized with this Jira Bug

AdalbertoMoz commented 1 week ago

This has been fixed for the production website in the following languages:

For all other languages, the default English page is displayed. @TheoChevalier @simont-cr

NOTE: If you visit the mentioned French Donation Modal, you can see the following:

image

For a more detailed description of the solution, please read the comment below.

AdalbertoMoz commented 1 week ago

After investigating in the CMS, I found the exact CTA Donation Modal used in this Bumble Campaign Page. If you click on the information button (red), you will see two important details:

  1. The Donation Modal is available in 6 languages (green).
  2. The English Donation Modal is used 9 times (blue).

image

To explain further, this means that:

  1. The Donation Modal has been translated into 6 languages.
  2. The English Donation Modal is being used for 9 languages, meaning it is used for all languages, and the other translated versions are not being used.

If you click on the "Usage" link (blue in the previous image), you can see that, as confirmed in the second point, the translated pages still redirect to the English Donation Modal:

image

And if you visit any of these pages inside the red rectangle of the last image, you can see the following warning:

image

This warning indicates that we need to click on "Sync translated pages" for this specific Bumble Campaign Page. To do this, I found the original English Bumble Campaign Page and clicked the following button:

image

After that, all the translated versions of the Bumble Campaign Page will be updated with a new field named "Donation Modals". The last step is to visit every translated version of the Bumble Campaign Page and click on "Publish". This will link the translated Bumble Campaign Page to the translated Donation Modal if available; otherwise, it will still use the English Donation Modal:

image

And that's how I fixed this error. I know this may not be the ideal solution, but it worked for now. That's why I want to ask you, @danielfmiranda, since you have more experience with Wagtail and translations, is this really a bug? Or can this be fixed in an easier way?