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

Experience Fragment template and template-type

Avatar

Avatar
Validate 10
Level 2
FernandoUchiyam
Level 2

Likes

4 likes

Total Posts

39 posts

Correct Reply

5 solutions
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 10
Level 2
FernandoUchiyam
Level 2

Likes

4 likes

Total Posts

39 posts

Correct Reply

5 solutions
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
FernandoUchiyam
Level 2

22-11-2018

Hello,

Is there any good tutorial about Experience Fragments variation (template/model) creation?

Let me explain my problem. When I try to create a new Experience Fragment, I can only see and pick up "Facebook", "Pinterest" and "We.Retail" variations (models). So, with this, I realized that I need to create my own variation, my own model. There is a tutorial that shows a variation called "HTML5 Experience Fragment Web Template", but unfortunately I don't have it available in my AEM instance. So, I need to create my own...

I've been going through We Retail code and saw that I need at least the following to have my own experience fragment variation:

a) To create a page component;

b) To create a template-type;

c) To create a template.

I've copied code from We Retail, adapted it, but I couldn't make it appear in the list of available experience fragment variations (when creating a new one).

I've searched a lot on Google and couldn't find any tutorial that explains how to do that....

Do you guys know any page or doc that shows how to do it?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
Level 2
chris_dacuya
Level 2

Likes

7 likes

Total Posts

8 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
chris_dacuya
Level 2

Likes

7 likes

Total Posts

8 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Applaud 5
View profile
chris_dacuya
Level 2

23-11-2018

Hi,

I had the same question.

You can try:

1. Create your template

Step1.jpg

2. Using crx-de, locate your template:

Step2.jpg

3. From XF view, click settings to add the location:

Step3.jpg

4.Your template should display like this:

Step4.jpg

Let me know your updates.

Chris

Answers (4)

Answers (4)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,358 likes

Total Posts

3,228 posts

Correct Reply

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

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,358 likes

Total Posts

3,228 posts

Correct Reply

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

22-11-2018

Avatar

Avatar
Validate 10
Level 2
FernandoUchiyam
Level 2

Likes

4 likes

Total Posts

39 posts

Correct Reply

5 solutions
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 10
Level 2
FernandoUchiyam
Level 2

Likes

4 likes

Total Posts

39 posts

Correct Reply

5 solutions
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
FernandoUchiyam
Level 2

22-11-2018

Thank you shashi1223 I haven't noticed this gear button.

smacdonald2008​ I will have to create a new one because there are only three options available:

- Facebook Experience Fragment

- Pinterest Experience Frament

- We Retail Experience Fragment

I never changed the gear button configuration, and there are two lines there:

- /libs/cq/experience-fragments/components/experiencefragment

- /conf/we-retail/settings/wcm/templates/experience-fragment(.*)?

Maybe I am missing a configuration here...

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

22-11-2018

There is no advantage of creating a custom one - if you use the available ones - they will still show up in your project.

Avatar

Avatar
Springboard
MVP
Shashi_Mulugu
MVP

Likes

224 likes

Total Posts

283 posts

Correct Reply

65 solutions
Top badges earned
Springboard
Bedrock
Validate 1
Applaud 100
Establish
View profile

Avatar
Springboard
MVP
Shashi_Mulugu
MVP

Likes

224 likes

Total Posts

283 posts

Correct Reply

65 solutions
Top badges earned
Springboard
Bedrock
Validate 1
Applaud 100
Establish
View profile
Shashi_Mulugu
MVP

22-11-2018

configure.png

Hello,

If you are using Aem 6.4, Beside create button, you can see configure option, once you click it, you can see the allowed templates for the experience fragments. All Editable Templates can be added here.