Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

AEM - Commerce - Customize the Product Attributes edit page

Avatar

Level 1

Hi guys :)

I have been trying to customize the product attributes edit page in AEM.

When trying to edit a Geometrixx Outdoors product, this is the kind of URL I get : http://localhost:4502/libs/commerce/gui/content/products/properties.html/etc/commerce/products/geome...

So I figured I could look into /libs/commerce/gui/content/products/properties in CRXDE but I can't manage to find the .content.xml to modify :(

I'm pretty sure it's not that hard to find but even after going through the package, I can't seem to find it.

Thank you for your time!

Kazuna

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

I guess you are looking for creating a custom product creation/edit page just like geometrixx outdoors. You can set up your page by creating a scaffolding configuration for your product data path. For example , your product data lives under /etc/commerce/products/demo then you just need to add a scaffolding configuration for that path. In the scaffolding configuration you basically model the form with different properties to be shown to the user. 

For reference you can check the geometrixx product data scaffolding configuration - http://localhost:4502/cf#/etc/scaffolding/geometrixx-outdoors/product.html. (Also check the page properties)

To edit the configuration you can go to the design mode and click on dialog editor link which redirects to here - http://localhost:4502/etc/scaffolding/geometrixx-outdoors/product/_jcr_content/dialog.html. You can find the nodes for the dialog configured here in crxde - /etc/scaffolding/geometrixx-outdoors/product/jcr:content.

You can read more about scaffolding here - https://docs.adobe.com/docs/en/aem/6-1/author/site-page-features/scaffolding.html

-Kunal

View solution in original post

2 Replies

Avatar

Correct answer by
Employee Advisor

I guess you are looking for creating a custom product creation/edit page just like geometrixx outdoors. You can set up your page by creating a scaffolding configuration for your product data path. For example , your product data lives under /etc/commerce/products/demo then you just need to add a scaffolding configuration for that path. In the scaffolding configuration you basically model the form with different properties to be shown to the user. 

For reference you can check the geometrixx product data scaffolding configuration - http://localhost:4502/cf#/etc/scaffolding/geometrixx-outdoors/product.html. (Also check the page properties)

To edit the configuration you can go to the design mode and click on dialog editor link which redirects to here - http://localhost:4502/etc/scaffolding/geometrixx-outdoors/product/_jcr_content/dialog.html. You can find the nodes for the dialog configured here in crxde - /etc/scaffolding/geometrixx-outdoors/product/jcr:content.

You can read more about scaffolding here - https://docs.adobe.com/docs/en/aem/6-1/author/site-page-features/scaffolding.html

-Kunal

Avatar

Level 1

That is exactly what I am trying to do, creating a custom product creation/edit page.

I already read about scaffolding, but I wasn't sure that was what I needed to do. Thanks a lot for your clear explanation!

Kazuna