I have created an editable template in my project. If i open the template structure there is no such css file is loading. And in our project all the components css will be merged in a single file which we will be placed in etc/designs/clientlibs/projectname/sample.css.
I want this sample.css file to be loaded when i hit the template structure so that the structure looks good.
Is it possible to call the existing css. If yes, can you please help me with the steps.
Clientlibs included at Page policy level is included in /apps/core/wcm/components/page/v2/page/head.html. So cross check if your editable template's page component(as mentioned via sling:resourceType in say, /conf/we-retail/settings/wcm/templates/content-page/structure/jcr:content) is inheriting from core page component.
If it is and still not coming, try the below
Include the clientlib in customheaderlibs.html that is overwritten in your page component.
Or try using direct link tag with path to your CSS file (as a last option just to narrow down the issue)
No clue still, share the details of how your page component(using which editable template would have been created) is designed.
Results in the page source, I can see client libraries loading as expected. The CSS files will be loaded in the <head> while the JS files will be loaded before the closing of the </body> view-source:http://localhost:4502/conf/we-retail/settings/wcm/templates/content-page/structure.html?wcmmode=disabled