AEM 6.4 Upgrade: /etc/designs/<site>/images

[puniths34934369]

Hi,

We recently upgraded from AEM 6.2 to 6.4, We noticed that there is a lot of repository restructuring required for AEM 6.4

One such restructuring included moving /etc/designs/<site> to /apps/settings/wcm/designs/<site>

In 6.2 we used to store few static images under /etc/designs/<site>/img/, since we moved the /etc/designs/<site> under apps, what is the right structure for storing the static images.

Moving it under /apps will cause permission issues. Is there something like allowProxy = true for accessing the images?

Thanks

Punith

[Gaurav-Behl]

You can access static resources via proxy, make sure to use a relative path in place of absolute paths. One more important point to note here is to put all the fonts and images under “resources” directory, else fonts and images will not load.

https://www.initialyze.com/hotfix-for-font/

Using Client-Side Libraries

Refer "we-retail" or "wknd" for working sample

[arunpatidar · Accepted solution]

Hi,

You need to move all the images inside resources folder

Static resources below the client library folder must be in a folder called resources. If you do not have the static resources, such as images, under the folder resources, it cannot be referenced on a publish instance. Here is an example: http://localhost:4503/etc.clientlibs/geometrixx/components/clinetlibs/resources/example.gif

As an example:

• You have a clientlib in /apps/myproject/clientlibs/foo
• You have a static image in /apps/myprojects/clientlibs/foo/resources/icon.png

Then you set the allowProxy property on foo to true.

• You can then request /etc.clientlibs/myprojects/clientlibs/foo.js
• You can then reference the image via /etc.clientlibs/myprojects/clientlibs/foo/resources/icon.png

more info at https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/clientlibs.html