Hey all,
just wondering if someone can point me to a resource on the most efficient/simplest way to do what I assume is an incredibly common task in Matrix: create a site with a homepage that looks significantly different from the sub-pages, but uses the same images & css. If I create two separate designs (one for the homepage, one for the rest of them), do I need to upload the CSS & images underneath each individual design, which seems like a silly repetition, and a huge hassle if I ever need to change them? Or is there a better way to achieve this?
I've had a quick look over customisations & paint layouts & neither of them look like what I need. I don't want to turn on or off particular elements, or make them look different for different users or URLs. I want the front page to be layed out differently to the sub-pages.
Have had a look through the design manual, too, but at 131 pages it's possible I may have missed something.
Cheers,
Ali
What you need to use is nest_content areas and customizations.
Using nest_content you can nest a different css file for the homepage, but not on others. Then, using the customizations you could show/hide content for the homepage.
Take a look at the designs manual for into about all this…
[quote]What you need to use is nest_content areas and customizations.
Using nest_content you can nest a different css file for the homepage, but not on others. Then, using the customizations you could show/hide content for the homepage.
Take a look at the designs manual for into about all this…[/quote]
Or you could also have 2 parsefiles and just hardcode the url to the css/js files - you can find the urls by right clicking on the files in the asset map and look at the webpath screen. Depends how different your homepage is really - If youll end up with many customisations id suggest having 2 parsefiles.
Can you not link the one image file to two designs? I have done this for a gif… Created it as a related file under one design then made a link to the second design.
You can find more information on Design Customisations in chapter 4 of the design manual
If all you require is a different CSS file, you are able to use a linked CSS area:
<MySource_AREA id_name="css_file" design_area="linked_css"/>
This will allow you to choose a particular CSS file to use for each customisation.