Customizing Experience Fragment Template properties | Community
Skip to main content
D
DipakRShah
June 10, 2020
Solved

Customizing Experience Fragment Template properties

  • June 10, 2020
  • 4 replies
  • 3136 views

I see some document that explains how you could customize Page Template properties template. But I can't find any document that shows how to customize Experience Fragment Template Properties. 

 

We want to use some template properties to drive Template so we can reduce number of templates that differ just in terms of those properties.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by VeenaVikraman

Hi @dipakrshah 

 

    I assume you want to add some field to your page properties tab in XF pages !? If so you can do the below.

  1. Go to the page component of your XF

 

 

 

 

 

 

 

  2. If you have a sling:resourceSuperType , go to the component, copy the cq:dialog structure and add the relevant fields like below

In my case , it is the OOTB XF component

 

 

 

 

 

 

 

 

3. copy the dialog structure and add the relevant field. I will create a similar cq;dialog under my component till the items node

 

4. Now create the required tab and fields , under this items node.

 

 

 

 

 

 

 

 

 

Now open the XF page and check the page properties and you can see the fields you added

 

 

Hope this is what you are looking for .

 

Thanks

Veena

4 replies

VeenaVikraman
Community Advisor
VeenaVikramanCommunity AdvisorAccepted solution
Community Advisor
June 10, 2020

Hi @dipakrshah 

 

    I assume you want to add some field to your page properties tab in XF pages !? If so you can do the below.

  1. Go to the page component of your XF

 

 

 

 

 

 

 

  2. If you have a sling:resourceSuperType , go to the component, copy the cq:dialog structure and add the relevant fields like below

In my case , it is the OOTB XF component

 

 

 

 

 

 

 

 

3. copy the dialog structure and add the relevant field. I will create a similar cq;dialog under my component till the items node

 

4. Now create the required tab and fields , under this items node.

 

 

 

 

 

 

 

 

 

Now open the XF page and check the page properties and you can see the fields you added

 

 

Hope this is what you are looking for .

 

Thanks

Veena

    B
    bruce_fernandes
    January 7, 2025

    Hi Veena,

     

    I have successfully implemented this solution. Thank you very much.

    I was wondering if there is a way to update the fields in the new tab created via an API.

    Do you or anyone else have any insight on whether this is achievable? 

    V
    vishakhav2
    June 11, 2020

    Hi @dipakrshah ,

    You can hide few properties for those templates or render based on some specific condition.

    Since your question pertains to limiting the properties. You can go for sling:hideChildren:[properties you dont require for that specific template]

     

    Thanks,

    Vishakha

      Surabhi_Katiyar
      Adobe Employee
      Surabhi_KatiyarAdobe Employee
      Adobe Employee
      June 11, 2020

      If you are using  the OOTB experience fragment with template name "Experience Fragment Web Variation" which has sling:resourceType=cq/experience-fragments/components/experiencefragment, then if you wish to add new properties to this Experience Fragment properties you can overlay the path below to add your own properties to the Experience Fragment template.

       

      ""/libs/cq/experience-fragments/components/experiencefragment/cq:dialog/content/items/tabs/items"

       

       

        arunpatidar
        Community Advisor
        arunpatidarCommunity Advisor
        Community Advisor
        June 11, 2020

        Customizing the AEM XF template is the same as the page.

        The super type of experience fragment page is /libs/cq/experience-fragments/components/xfpage.

         

        Create a xf-page component in you project with the supertype /libs/cq/experience-fragments/components/xfpage

        and copy the files which you want to modify.

         

         

         

         

        Arun Patidar
          Terms & ConditionsAccessibility statement

          Loading footer...