Use Experience Fragments in AEM Content Components

Avatar

Avatar

sudhag73425455

Avatar

sudhag73425455

sudhag73425455

10-07-2018

Hello,

We are using AEM 6.3

Problem Statement:

1. I have a content component - "Hero" on an AEM page - home.html

2. Hero component browses Panel component pages - which means, AEM page with Panel Content Component.

home.html (with Hero) -> panel1.html

                                     -> panel2.html

Problem is how to use experience fragments here for #2.

Proposed Solution:

Instead of using individual AEM pages for Panel component.

Use experience fragments instead.

My Attempt:

1. I created one experience fragment with Panel component.

2. Tried to use in home1.html , home2.html

Issue where I got stuck:

1. How do I associate Hero component and the experience Fragment component. These will be added as 2 individual components on home.html?How will Hero component get data from Panel components? There could be multiple other Experience Fragments components. How could I associate one experience fragment component to Hero component?

2. As far as I know, I cannot break inheritance of experience fragments in AEM 6.3.  My problem is if experience fragment -"ex-panel1" is used on home1.html and home2.html. But in home2.html, the image I want to use a different one, rest of data I can re-use as-is.  I will update ex-panel1 in home2.html alone with new image. Is this the recommended approach? I see things are working fine but just wanted to get a confirmation since I read breaking inheritance in experience fragments is an option only from AEM 6.4.

Thanks,

Sudha.

View Entire Topic

Avatar

Avatar

sudhag73425455

Avatar

sudhag73425455

sudhag73425455

10-07-2018

Okay so what I am getting is:

Experience fragments is a group of AEM components.

I cannot associate Experience fragment as such with any sling model like I do for AEM content component.

This is noted.

How about Content fragments?

1. I have a content fragment - panel1, created backed by content fragment model

2. On home.html I will have Hero component and COntent Fragment component.

3. Content Fragmnet component will browse for panel1

4. Is there any way Hero sling model can read panel1? Or panle1 path can be fed into Hero component?