Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Content Fragment List

Avatar

Avatar
Ignite 1
Level 3
khamat_bn
Level 3

Likes

31 likes

Total Posts

54 posts

Correct Reply

12 solutions
Top badges earned
Ignite 1
Give Back 3
Give Back
Boost 5
Boost 3
View profile

Avatar
Ignite 1
Level 3
khamat_bn
Level 3

Likes

31 likes

Total Posts

54 posts

Correct Reply

12 solutions
Top badges earned
Ignite 1
Give Back 3
Give Back
Boost 5
Boost 3
View profile
khamat_bn
Level 3

01-05-2020

Hello Folks,

I have one requirement to display a list of Content fragment in a page. Let say in one Folder i have 10 CF. Then I have to display that CF in one page. Number of CF can be vary, as if we added or deleted some of CF in folder then it should be affected in page CF list where we are Listing.

 

Now if i click any one of the CF title from list then it should redirect me to one detail page where all other things will be same only CF data will change accordingly.

 

Means first page will be display all list of CF and after clicking one CF title  then it should redirect to detail page which has one dynamic part that is CF data. that we are displaying there.

Can anyone let me know the best approach for this- to display list and how can we give reference to that particular CF in next page.

 

Attachments- First -CF list which displays Image and title from CF

screenshot1.png

Attachments- second - details Page where dynamic CF data , 

screenshot.png

 

what is best approach to display the CF list and pass the reference to other page with particular CF 

AEM 6.4

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 500
MVP
Vijayalakshmi_S
MVP

Likes

511 likes

Total Posts

647 posts

Correct Reply

213 solutions
Top badges earned
Boost 500
Give Back 50
Give Back 5
Ignite 10
Ignite 5
View profile

Avatar
Boost 500
MVP
Vijayalakshmi_S
MVP

Likes

511 likes

Total Posts

647 posts

Correct Reply

213 solutions
Top badges earned
Boost 500
Give Back 50
Give Back 5
Ignite 10
Ignite 5
View profile
Vijayalakshmi_S
MVP

01-05-2020

Hi @khamat_bn ,

Below are the high level steps

  • Create Content Fragment Model(CFM) for Products - Configure all the fields which are to be part of this CF.
    • (In this case, Image(Content Reference field), Title, Description can all be configured with help of respective data type fields.)
  • In Assets console, create a separate folder for CF of Products like say /content/dam/project/content-fragments/products
  • Under this path, create CFs using the model created above for each of the product.
  • Then in product listing page, we can use Content Fragment List component from core components (Create a proxy component in your project)
    • Locate the CFM/parent path of CFs and we have option to choose elements to be displayed. (ie. Each and every data type in CFM is an element. Hence we can choose to display desired element)
    • Note: Title can be part of Multitext data type (with Rich text option) - hyperlinked to respective product detail page. 
  • In product detail page, we can use Content Fragment component from core components (Again, proxy of the same)
    • Individual product CFs can be located in details page (Again, we have option to choose desired elements)

Assumption:

  • Product detail page is one each for each of the products.

Prerequisites :

  • Configuration(/conf) for a project should be allowed to use Content Fragment models
  • Created configuration then need to be allowed in Assets folder 

AEM Headless tutorial for WKND has an example to create Event CFM -

https://docs.adobe.com/content/help/en/experience-manager-learn/getting-started-with-aem-headless/ch...

Answers (1)

Answers (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,356 likes

Total Posts

3,227 posts

Correct Reply

917 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,356 likes

Total Posts

3,227 posts

Correct Reply

917 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

01-05-2020