Hello @rishikreddy
To create a product page in Adobe Experience Manager (AEM) and display data stored in AEM, you can leverage the power of the Java Content Repository (JCR) and CQ:Dialogs. Here's a brief overview of how you can store and fetch data:
1. Use JCR for Data Storage :
JCR is the backbone of AEM's content storage. It provides a structured and organized way to store content, including product data. You can create a dedicated node or a hierarchy of nodes within the JCR repository to store your product-related information. For example:
/content/mywebsite/products/product1
/content/mywebsite/products/product2
Within these nodes, you can store properties like product name, description, price, images, and any other relevant data.
2. Leverage CQ:Dialogs for Data Entry:
CQ:Dialogs are a powerful tool in AEM for creating user-friendly forms to input and manage content. You can design a custom dialog for adding or editing product information. This dialog can include fields for product name, description, price, and any other attributes you need.
Once you create this dialog, you can associate it with your component to allow content authors to enter product data easily.
3. Retrieve Data for Display:
In your product page component, you can use AEM's Sling Models or servlets to fetch the product data stored in the JCR repository. You can then render this data on the product page template as needed. Here's a simplified example of fetching data in a Sling Model:
@Model(adaptables = SlingHttpServletRequest.class)
public class ProductModel {
@inject
private Resource resource;
public String getProductName() {
return resource.getValueMap().get("productName", String.class);
}
public String getProductDescription() {
return resource.getValueMap().get("productDescription", String.class);
}
// Add more getters for other product attributes
}
In your product page template (HTML or Sightly), you can use these getters to display the product information.
By using JCR for storage and CQ:Dialogs for data entry, you can effectively manage and display product data in your AEM-powered product page. This approach provides a structured and maintainable way to handle content in AEM.
