Different styling for different domains

[jakej40603950]

Hello, 

Is there a way to use different set of styling (css classes) info for different domains in the same AEM instance? For e.g. there maybe two root nodes for the 2 domains with the same page structure and the same set of components / templates being used in both places. Only thing that would need to differ is the styling or css classes. 

Is this possible short of using two different code bases and instances? If yes, any other way of doing it rather than having two root nodes with duplicate page structure?

Any info here will help a lot.

Thank you.

[Jörg_Hoh · Accepted solution]

Hi,

The solution is quite simple: Use a different design.

The default page component has a property "designPath", where the location of the design can be set. If you develop 2 different designs (but using the same CSS classes etc) you can easily switch between Design A and B by setting the right path.

See the product documentation at [1].

Jörg

[1] https://docs.adobe.com/docs/en/aem/6-2/develop/the-basics/designer.html