AEM - Commerce - Customize the Product Attributes edit page

[vanm44654968]

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

[Kunal_Gaba_ · Accepted solution]

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

[vanm44654968]

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