Hi Martijn, I thought I would jump in here and see if I could help. The reason your news item pages are not showing up in the template as you would like, is because they do not use the same method of linking as the rest of your sections. Lets look at your "Historie" section as an example. In the navigation bar at the top of the page, it is linked as "#section5". The way your template is built, for that page to be displayed within the template, it must be in the previously mentioned linking format, with the corresponding containing html tag using the id (the # translates to id) of "section5". If we view your page's html source, we can scroll down to the section 5 code.
- Code: Select all
<div class="item" id="section5"><!-- Begin Section 5 -->
(Historie Section Content)
</div><!-- End Section 5 -->
For your news items to display the way you would like, you are going to have to follow the method that was used for the main sections like I showed above. From what I can tell, this is generally how you are going to get it to work:
- Code: Select all
<cms:pages masterpage='news.php'><div class="item" id="<cms:show k_page_name />"><!-- Begin News - <cms:show k_page_name /> -->
<div class="content">
<div class="imgcontainer">
<img class="bgimg" src="img/background/1.jpg" alt="" />
</div>
<div class="container">
<div class="scroll-pane">
<div class="grid_4">
*****NEWS ITEM CONTENT GOES HERE*****
</div>
<div class="grid_2">
<div class="sidebar">
*****AGENDA CODE GOES HERE*****
</div>
<div class="sidebar_black">
*****LATEST TWEETS CODE GOES HERE*****
</div>
<div class="sidebar">
*****PARTNERS CODE GOES HERE*****
</div>
</div>
</div>
</div>
<a href="#" class="toggle_button"></a>
<ul class="toggle">
<li><a href="#section4" class="scrollitem toggle_previous"></a></li>
<li><a href="#section6" class="scrollitem toggle_next"></a></li>
<!-- REFER TO MY COMMENTS BELOW ABOUT THE NEXT/PREVIOUS CODE -->
</ul>
</div>
</div><!-- End News - <cms:show k_page_name /> --></cms:pages>
You would place all of this between these lines:
- Code: Select all
</div><!-- End Section 6 -->
*****RIGHT HERE*****
</div><!-- End Mask -->
We can discuss the next/previous buttons if you like after you have this implemented. You are also going to have to modify the way the news items are linked from the home page to correspond to this new linking method. Use this when generating links for cloned pages such as news items:
- Code: Select all
#<cms:show k_page_name />
It would be wise to place a limit on the pages tags so the number of news items being generated doesn't make your website slow to download. As KK pointed out, AJAX would be the fix for this problem. For now though the method I outlined should suffice. I hope you find my post helpful.