navigate between sections in custom template?

[SocketPup]

I have setup a functioning index.php for my custom template, and everything looks and work fine. My next step is to add navigation between different pages. So I have created a module for the about-section, added a position for it first in templateDetails.xml (<position>about-section</position>), then in index.php, like this:

Code: Select all

<div id="about-section">
    	<?php if ($this->countModules('about-section')) : ?>
    		<jdoc:include type="modules" name="about-section" />
	<?php endif; ?>
	</div>

Then in admin, I set the module position to the correct one, and also under Menu Assignment unticked the pages where I don't want the module to be displayed. So far all works as planned.

However, I now need to create a new About-link in my main menu. What Menu Item Type do I pick? Is there anything else I need to tick/add as well? I already have a working menu with Home & Articles, but not sure what options to pick for About.

[Per Yngve Berg]

Normally a Single Article Menu Item Type is used to show the Article that contains the About Infornation.

[SocketPup]

Normally a Single Article Menu Item Type is used to show the Article that contains the About Infornation.

Yes, I heard that somewhere else, and so I tried creating an article, added it under a new category (About). Then in my main menu I added a new link, with Menu Item Type: single article. and selected the proper one.

However, when I click the link in my menu on the site, nothing shows.

I have my custom template, and I'd like the article to appear in my <main> section. Do I need to add something there?

[Per Yngve Berg]

Do you have

<jdoc:include type="component" />

in your template?

https://docs.joomla.org/Jdoc_statements

[SocketPup]

Do you have

<jdoc:include type="component" />

in your template?

https://docs.joomla.org/Jdoc_statements

That seems to have worked. But how do I add my custom css classes to one or several of these articles? Do I need to create my own component.php to alter this?

[Per Yngve Berg]

You can set classes in the Menu Item.

[SocketPup]

You can set classes in the Menu Item.

Thank you. It works in the sense that I can alter background-color, but I can't seem to change css for images and paragraphs (.about-us img {width:300px;}) doesn't result in anything. Do I need to set individual classes for the different markups inside the articles somehow?

[SocketPup]

Creating an override for articles seems to have made it to work.