Multiple Translation (Weblate) and Multi Language

Description / Background

Hungry Hub is expanding its global reach, offering services in up to 15 languages. To ensure a consistent multilingual experience, we are introducing a Multilingual Content Translation Tool for the Admin Panel. This feature enables admin users to easily translate dynamic content fields across various sections of the website — from restaurant names to package descriptions — with minimal manual effort. It supports granular control (per field or per page), batch operations (all fields or only blank ones), and aims to streamline localization workflows, reduce time-to-market for content updates, and improve international SEO.

Objectives

• Admin can add the language translation from weblate
• Admin can import the restaurant data that has been translated
• Phase 2:
  • Admin only input 1 language and click “Translate All” button it will translate the data into all the language that available
  • Admin can click “Blank Fields Only” to translate only the missing language translation
  • Admin can click “Specific fields”

Scope

all platform

Location

All platforms.

How to login weblate

See guide: Weblate Login Guide

How to use the weblate

https://app.clickup.com/9003122396/docs/8ca1fpw-52836/8ca1fpw-51316

Sequence Diagram / Flow

N/A

ERD

N/A

Backend Implementation

N/A

Hybrid Implementation

N/A

Frontend Implementation

N/A

PRD & Task

 https://app.clickup.com/9003122396/docs/8ca1fpw-7922/8ca1fpw-46296

https://app.clickup.com/t/86cxhwpgx Multilanguage (Dynamic Content) Task PRD Multilanguage - Phase 1 PRD Multilanguage - Phase 2

Design

N/A

API Blueprint

N/A

New Query

N/A

DB Schema / Database Migration

N/A

Improvement:

N/A

How to use Weblate

1. How to open the weblate

1. Open the weblate → login use this account https://app.clickup.com/9003122396/docs/8ca1fpw-52856/8ca1fpw-51196

https://weblate.hungryhub.com/

1. Pick the Project hungryhub or book bite

- hungry hub is for the website

- book bite is for the partner portal

2. Pick the component name.

The component name is the name of the page or a feature on the website

2. How to edit normal translation

1. After you pick the the component name
2. Pick the language that you want to edit → click the pencil icon

3. You can see the Key list on the table

The key is the stringID that FE use on their code to call the translate, and can’t be edited

Do not change KEY

1. Pick the Key you want to edit → it will show on the source string section

2. Edit the language translation the English box →click Save and continue

If you get this error after saving the changes, click the Save and continue button once more time, and click the dismiss button after that.

3. Click the hungryhub or book-bite menu if you done with the editing translation
4. You will be redirect back to component page
5. And you are finished editing, but you need to release the translation so that it can be seen by the client.

3. How to edit dynamic translation

What is dynamic translation?

It was a text that can be changed based on each case. Example:

• Your delicious food will be ready to pickup at **{time} →**inside the {} was the text that will be replaced
• Promotion period: {formattedStartEndDate} → inside the {} was the text that will be replaced
• Come 4 Pay 3: The number in this text can be replaced, but it’s not on the Weblate for now.

1. After you pick the the component name
2. Pick the language that you want to edit → click the pencil icon

3. You can see the Key list on the table

The key is the stringID that FE use on their code to call the translate, and can’t be edited

Do not change KEY

1. If the translation have this symbol {} then it was a dynamic translation

Don’t change the text inside the {} symbol

1. Pick the Key you want to edit → it will show on the source string section

2. Edit the text outside the {} symbol in the English box

3. Click Save and continue

If you get this error after saving the changes, click the Save and continue button once more time, and click the dismiss button after that.

4. Click the hungryhub or book-bite menu if you done with the editing translation
5. You will be redirect back to component page
6. and you are done

4. How to release the translation

1. Click the Manage menu → Click the Repository maintenance

2. In that page you can see the pending changes of the translation

3. Click the commit button to commit the changes. If you have multiple changes in the pending changes, they will be merged as one commit.

*if you want 1 commit for each changes, make sure to click the commit button after 1 change of the translation.

4. Click the push button if you already finished the edit translation.

5. Check this PR. The changes we make on the weblate should be added to this PR.

for the book-bite project is still not working now

https://github.com/hungryhub-team/hh-pegasus/pull/1743/commits

1. Contact FE team to release the translation.

How to change the Weblate PR source

1. Open the weblate → login use this account https://app.clickup.com/9003122396/docs/8ca1fpw-52856/8ca1fpw-51196

https://weblate.hungryhub.com/

2. Pick the Project hungryhub or book bite

- hungry hub is for the website

- book bite is for the partner portal

3. Pick the component

- Profile component for hungryhub project

- Booking component for book-bite project

4. Pick the Manage → Settings

5. Pick the Version Control menu

6. You can change the Push Branch in here: