Language copy of Experience Fragments creating weird folder

when you are creating language copy in step #2 - how the AEM is handling it? i.e AEM  update the paths of the XF ?

can you check the workflow or service you are using?

Hi @jainrupal2408 

1.Check the configuration of the custom component that is used to render the experience fragment. Make sure that it is correctly configured to point to the language-specific folder for the experience fragment.

2.Check if there are any errors in the logs related to the rendering of the experience fragment. This can give you a clue about what might be causing the issue.

3.Creating a new experience fragment and using it in a language copy of the page. See if the issue persists. If it does, then it might be a bug in AEM Cloud solution.

Hi @jainrupal2408 

Experience Fragments supports localization only when Experience Fragment component added on page is part of template structure.(Reference Document) For the XF components added manually on page, you need to write a custom Rollout Action and add it in your Rollout Configuration used for creating language copies. (By default /libs/msm/launches/rolloutconfigs/launch config is used for creating language copies)

Refer below link where similar case is discussed and shown how to create Custom Rollout Action and use it.

https://exadel.com/news/aem-experience-fragments-rollout-configuration/

@jainrupal2408 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

Hi @jainrupal2408 

To resolve this issue, you can create a custom component that dynamically updates the experience fragment path based on the current language. Here's an example of how you can achieve this:

1. Create a new component that extends the experience-fragment component.
2. Override the render method of the experience-fragment component in your custom component.
3. In the overridden render method, update the experience fragment path to point to the respective language folder.
4. Replace the original experience-fragment component with your custom component in your page.

Here's an example of how your custom component could look like:

use(function () {
var ExperienceFragment = require('wcm/foundation/components/experience-fragment/experience-fragment');
var Granite = require('granite');
var $ = Granite.$;

return {
render: function (renderer, writer) {
var resource = this.getResource();
var language = resource.getParent().getLanguage();
var xfPath = resource.getPath();
var xfName = resource.getName();
var xfResourcePath = xfPath.substring(0, xfPath.lastIndexOf('/') + 1) + language + '/' + xfName;

resource.getResourceResolver().getResource(xfResourcePath).adaptTo(ExperienceFragment).render(renderer, writer);
}
};
});

After implementing this custom component, the experience fragment path should now point to the respective language folder, as expected.

Please note that this solution assumes that you have already created language copies of your experience fragments and placed them in the respective language folders. If you haven't done this yet, you can follow the steps mentioned in your question to create language copies of your pages and experience fragments.

@jainrupal2408  If you have found out solution yourself, please share it with the community.