How to copy a component from one page to another in touch UI AEM?

Question

I want to copy a component from one page to another page in touch UI AEM. How can we achieve that?

There are many ways of performing this. Can you be more specific? Do you want to accomplish this as a developer or content author? What AEM version are you using? One way could be to add parsys/responsiveGrid component to the page and just add the same component on that parsys/responsiveGrid — Tadija Malić, Mar 13 '19 at 11:04
I want to accomplish as a developer. I am using 6.2 version. — Amit Kumar, Mar 15 '19 at 06:34
Also, i want to add the component in a different page which has different template. Not within the same same page or within the same parsys. — Amit Kumar, Mar 15 '19 at 06:35

score 1 · Accepted Answer · answered Mar 15 '19 at 12:57

1

One way to do this would be to open html of the page you want to add component on, and perform one of these:

Adding component directly on the page:

<article data-sly-resource="${'componentName' @ prependPath='path/to/the/component'}"></article>

Adding parsys component, and then drag&drop component on that parsys:

<cq:include path="par" resourceType="foundation/components/parsys" />

You can add component on page/template in many different ways that depends on your exact need.

answered Mar 15 '19 at 12:57

Tadija Malić

How to accomplish as an author? As a developer i cant add all the components in each of the HTML pages. Content author should have the flexibility. – Amit Kumar Mar 19 '19 at 11:03
1

I got the other way round option. Thanks. – Amit Kumar Mar 19 '19 at 12:28
1

Then it would be good if you add it to template that sites are using. It would be good if you provide your solution to the answer so it might help somebody else. – Tadija Malić Mar 19 '19 at 19:10
Yap, curious about @Amit's solution – Eason PI Apr 13 '19 at 14:54

1 Answers1