Hello you lovely lot!
im trying to figure out how i can add a custom CSS file in to certain catergories previously when using magento 1.9 i used to add this code
<reference name="head"> <action method="addCss"> <stylesheet>css/catergory.css</stylesheet> <params>media="all"</params> </action> </reference>
but htis doesnt seem to work or am i putting the CSS file in the wrong place ??
any help muchly appreciated
You need to create xml filie for certain category by prefix as catalog_category_view_ and suffix with category id.
Example, If you have category id is 10 then you need to create file catalog_category_view_10.xml
Now keep below content in your xml file,
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <css src="css/catergory.css"/> </head> <body> </body> </page>
Now your css will be load after clear cache.
ok thanks for the swift reply but just to clarify whats the path to XML file i need to create ? and CSS file ?
Xml path for theme level is,
CSS path is,
ok ive tried this and cant seem to get it to work ive put the CSS and the XML in the right place and ran the following commands
php bin/magento cache:clean
php bin/magento cache:flush
php bin/magento setup:static-content:deploy
stlll not showing
any ideas ?
you need to add xml file name as catalog_category_view.xml i think you have keep name as _id with xml file.
sorry im getting confused ?
ok so ive added file catalog_category_view_8.xml to path
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <css src="css/laundry.css"/> </head> <body> </body> </page>
and also added file laundry.css to path
do i need to add anything to Layout Update XML in the catergory i nthe Magento Admin panel ?
Your category id is 8 then your path is perfect, like,
otherwise for all the category,
still nothing :-(
ive checked permissions of the files and ran the commands to clear th cache still nothing im at a loss ?
Kindly check your css file path would be perfect,
Also check file name for CSS is correct. check
catergory.css not category.css