AdobeJava/JVMWeb Content Management

Integrating Check-style and code coverage plugin in AEM codebase

Introduction As developers, we strive to maintain high code quality and ensure that our software is both functional and maintainable. Two essential tools for achieving this are Checkstyle and code coverage analysis. In this blog post, we’ll explore how to integrate these plugins into your Adobe Experience Manager (AEM) codebase to boost your code quality […]

Medha Kohli
Medha Kohli
Read

Adobe

AEM Service With Multiple Implementation

AEM services are modular components in the AEM framework that encapsulate specific functionality, promoting a highly modular and extensible architecture. They allow multiple implementations, enabling developers to create tailored solutions for different use cases, user roles, devices, or locations. This customization enhances the user experience and increases customer engagement on AEM-based platforms. AEM services offer […]

Abhishek Anand
Abhishek Anand
Read

Adobe

Context-aware configuration in AEM

Use Case Imagine you have a special part on your website that shows different information based on where the website visitor is from. Let’s call it the “Location Info” part. This part is used in many places on the website, like different pages. Now, some places on the website have different needs – they want […]

Megha Kumari
Megha Kumari
Read

AdobeCloudCloud Managed Services

AEMaaCS Rapid Development Environment Local Setup and Usage

Adobe Experience Manager as a Cloud Service (AEMaaCS) brings you a flexible and robust web development playground. A standout feature is the Rapid Development Environment (RDE), which lets you swiftly build and deploy AEM applications. This blog will guide you through setting up your AEMaaCS RDE playground. No fuss, just follow these simple steps: Prerequisites: […]

AdobeAnayticsData & Analytics

Pass digital data layer to Adobe analytics using javascript

Requirement In general, data is passed to Adobe Analytics on page load. Sometimes it is required to load page content without reloading/refreshing the page. For example, if a web application has page navigation based on the Table Of Content and page refresh, and not a requirement, but content should get updated. Solution Without loading a […]

Vijay Kumar
Vijay Kumar
Read

AdobeDigital Marketing

Adobe Target Integration with Adobe Cloud Services using Launch

Introduction Adobe Target, as an integration in AEM, provides varied site visitors to experience personalized content from AEM intelligently. It lets us leverage its different variations based on multiple use cases to target different audiences. Its client-side implementation can be done in two ways – one by using Target AT.js Javascript Library and the other […]

Ayush Anand
Ayush Anand
Read

Adobe

Extending CIF(Commerce Integration Framework) Core Component

In continuation with our last blog on setting up the Venia store, we will customize AEM CIF core components as per our needs. Adobe Experience Manager (AEM) is a powerful content management solution that enables businesses to deliver exceptional digital experiences. One of its key strengths lies in its Commerce Integration Framework (CIF) Core Components, which facilitates […]

Arpit Aulak
Arpit Aulak
Read

AdobeFront End Development

Part 6 – Web Accessibility: Focusing on Visual Representation of navigation links

This is the last example for the web aria accessibility implementation, where we will look at how we can visually represent the links on keyboard navigation. If you take an example of navigation links, here on anchor tags, we have a href attribute, which makes the anchor tag focusable by default where this black border/outline […]

AdobeFront End Development

Part 5 – Web Accessibility: Fixing Checkbox to announce the “checked” / “unchecked” state while using screen reader

This is the third example for the web aria accessibility implementation where we will understand announcing the checkbox label and checkbox checked/unchecked state correctly on the spacebar key-down and click. This is the working solution below on how to make this checkbox announce label and state. ⇒ Code SNIPPET 3 – <!DOCTYPE html> <html lang=”en”> […]

Services