In the previous recipe, we set up our theme with one CSS file. Mostly, you want to add some more files to it (when you are using a JavaScript plugin or something).
We will add an extra CSS and JavaScript file to our theme. To do this, we have to work in the following two directories:
app/design/frontend/packt/default/layout
skin/frontend/packt/default
In the following steps, we will see how we can add extra files to a theme:
Copy the
page.xml
file. The declarations of all the CSS and JavaScript files that need to be included are stored in the fileapp/design/frontend/base/default/layout/page.xml
.We need to add something. So we need to copy this file with the same folder structure to our theme folder. Copy the file to
app/design/frontend/packt/default/layout/page.xml
.Add...