Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

[CQ Designs]: Not able to apply the designs on the existing CQ page

Avatar

Level 2

Hi,

I have created the web page on CQ5.6.1 and applying design on my webpage from the Page Properties tab in Sidekick. I have created a new design in /etc/designs. And in that design folder I have images folder and a static.css.

But the design is not getting reflected on the corresponding page. I have also verified the cq:designPath property on the jcr:content node of the web page and it is set correctly

Could anyone help me out?

Thanks in Advance.

-Ankit

1 Accepted Solution

Avatar

Correct answer by
Level 2

If you are extending from foundation/components/page - add <cq:include script="headlibs.jsp/> a better way would be to use <cq:include script="head.jsp"/>

View solution in original post

7 Replies

Avatar

Level 10

Have you followed the AEM Design docs here:

http://dev.day.com/docs/en/cq/current/howto/website.html#Setting up the Design

Did you get this working -- if so - what is the difference between what was laid out in this AEM topic and what you are doing? 

Avatar

Level 2

Hi Scott, 

Thanks for the response. Yes I have followed all the steps mentioned in the document. It is not working. In the document it has been asked to set the property on the jcr:content node of webpage as mentioned below:

Name: cq:designPath

Type: String

Value: /etc/designs/mywebsite

But I am choosing the design path from "Page Properties" tab in Sidekick. It also sets the same property on jcr:content node of webpage. 

Avatar

Correct answer by
Level 2

If you are extending from foundation/components/page - add <cq:include script="headlibs.jsp/> a better way would be to use <cq:include script="head.jsp"/>

Avatar

Level 2

ZeDor wrote...

If you are extending from foundation/components/page - add <cq:include script="headlibs.jsp/> a better way would be to use <cq:include script="head.jsp"/>

 

Thanks a lot ZeDor. It solved my issue. :)

Avatar

Level 1

ZeDor wrote...

If you are extending from foundation/components/page - add <cq:include script="headlibs.jsp/> a better way would be to use <cq:include script="head.jsp"/>

 

In AEM 6.1 Version I got the same Problem with designs not applying for the Page when Page Component extended from "foundation/components/page". In sightly I resolved by including "<div data-sly-include = "head.html"></div>" in body.html.

Thanks,

Swaroop

Avatar

Level 4

I finally got this working by creating a "Page" instead of a folder inside of Tools >> Designs >> New >> New Page >> mywebsite.

It was not working because i had created a "New Folder" instead of "New Page".