Improve the discoverability of the Pro Platform

[manon-corneille]

Today, it's quite difficult to discover the Producers' platform from https://world.openfoodfacts.org/

A simple way to improve its discoverability would be to add a link in the header menu :

Part of

• 🏭 Producers platform (Tracker issue) #5521

[aadak99]

#8418

I am still learning how git works but I believe my changes since I pushed to my forked version have merged with this other issue I was resolving on the same template.
Could you confirm this?

If so, added youtube link in menu and Producers link in nav to increase visibility.

[manon-corneille]

Awesome, thank you for your help @aadak99

[manon-corneille]

Hi all, I just checked and it seems it hasn't been deployed on all languages:

• https://fr.openfoodfacts.org/ → OK
• https://de.openfoodfacts.org/ → OK
• https://it.openfoodfacts.org/ → Not OK
• https://es.openfoodfacts.org/ → Not OK
• https://world.openfoodfacts.org/ → Not OK
• https://nl.openfoodfacts.org/ → Not OK

Would it be possible to add the link to the Pro platform in those countries too, please?

@MonalikaPatnaik @stephanegigandet

[MonalikaPatnaik]

Hii @manon-corneille, I think the last three links are working fine and redirecting to the pro platform of their respective languages, I am not sure about https://it.openfoodfacts.org/ , as it is redirecting to https://world.pro.openfoodfacts.org/

[manon-corneille]

Hi @MonalikaPatnaik - I'm surprised, on my side I can't see the "Producers" button.
Here is a screenshot from the https://world.openfoodfacts.org/ :)

Do you see something different on your side maybe?

[manon-corneille]

After discussing with @MonalikaPatnaik it turns out we don't see the same result: she sees the button on her browser, and I don't. I tested with an incognito window and I don't see the "Producers" button again.

@stephanegigandet or @alexgarel any idea why this would be?

Thx

[stephanegigandet]

@manon-corneille That's because we only display the Producers link if the screen is wide enough:

<li class="show-for-xlarge-up"><a href="https://world.pro.openfoodfacts.org/" class="top-bar-links">Producers</a></li>

On a large screen, the link is shown, and if the window is reduced, it is removed at some point.

xlarge is 1441 px wide and larger.

Note that in some languages "Discover", "Contribute" and "Producers" are translated to longer strings, so while we may have space in English, it's not guaranteed that it wouldn't cause issues in other languages.

[manon-corneille]

I see, thank you for the detailed explanation :)