trying to create a template

<?php /** * HTML5 Template * @version 1.5 stable $Id: category_items_html5.php 0001 2012-09-23 14:00:28Z Rehne $ * @package Joomla * @subpackage FLEXIcontent * @copyright (C) 2009 Emmanuel Danan - www.vistamedia.fr * @license GNU/GPL v2 * * FLEXIcontent is a derivative work of the excellent QuickFAQ component * @copyright (C) 2008 Christoph Lukes * see www.schlu.net for more information * * FLEXIcontent is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. */ defined( '_JEXEC' ) or die( 'Restricted access' ); // first define the template name $tmpl = $this->tmpl; $user = JFactory::getUser(); $lead_use_image = $this->params->get('lead_use_image', 1); $lead_link_image_to = $this->params->get('lead_link_image_to', 0); $intro_use_image = $this->params->get('intro_use_image', 1); $intro_link_image_to = $this->params->get('intro_link_image_to', 0); $lead_link_to_popup = $this->params->get('lead_link_to_popup', 0); $intro_link_to_popup = $this->params->get('intro_link_to_popup', 0); if ($lead_link_to_popup || $intro_link_to_popup) { flexicontent_html::loadFramework('flexi-lib'); } // MICRODATA 'itemtype' for ALL items in the listing (this is the fallback if the 'itemtype' in content type / item configuration are not set) $microdata_itemtype_cat = $this->params->get( 'microdata_itemtype_cat', 'Article' ); // ITEMS as MASONRY tiles if (!empty($this->items) && ($this->params->get('lead_placement', 0)==1 || $this->params->get('intro_placement', 0)==1)) { flexicontent_html::loadFramework('masonry'); flexicontent_html::loadFramework('imagesLoaded'); $js = " jQuery(document).ready(function(){ "; if ($this->params->get('lead_placement', 0)==1) { $js .= " var container_lead = document.querySelector('ul.leadingblock'); var msnry_lead; // initialize Masonry after all images have loaded if (container_lead) { imagesLoaded( container_lead, function() { msnry_lead = new Masonry( container_lead ); }); } "; } if ($this->params->get('intro_placement', 0)==1) { $js .= " var container_intro = document.querySelector('ul.introblock'); var msnry_intro; // initialize Masonry after all images have loaded if (container_intro) { imagesLoaded( container_intro, function() { msnry_intro = new Masonry( container_intro ); }); } "; } $js .= " }); "; JFactory::getDocument()->addScriptDeclaration($js); } ?> <?php ob_start(); // Form for (a) Text search, Field Filters, Alpha-Index, Items Total Statistics, Selectors(e.g. per page, orderby) // If customizing via CSS rules or JS scripts is not enough, then please copy the following file here to customize the HTML too include(JPATH_SITE.DS.'components'.DS.'com_flexicontent'.DS.'tmpl_common'.DS.'listings_filter_form_html5.php'); $filter_form_html = trim(ob_get_contents()); ob_end_clean(); if ( $filter_form_html ) { echo '<aside class="group">'."\n".$filter_form_html."\n".'</aside>'; } ?> <div class="clear"></div> <?php if (!$this->items) { // No items exist if ($this->getModel()->getState('limit')) { // Not creating a category view without items echo '<div class="noitems group">' . JText::_( 'FLEXI_NO_ITEMS_FOUND' ) . '</div>'; } return; } $items = & $this->items; $count = count($items); // Calculate common data outside the item loops if ($count) { $_read_more_about = JText::_( 'FLEXI_READ_MORE_ABOUT' ); $tooltip_class = FLEXI_J30GE ? 'hasTooltip' : 'hasTip'; $_comments_container_params = 'class="fc_comments_count '.$tooltip_class.'" title="'.flexicontent_html::getToolTip('FLEXI_NUM_OF_COMMENTS', 'FLEXI_NUM_OF_COMMENTS_TIP', 1, 1).'"'; } ?> <div class="content group"> <div class="g-grid"> <div class="g-block size-20"> <!-- BOF infoslivre block --> <?php $_position_name = "infoslivre"; ?> <?php if (isset($item->positions[$_position_name])) : /* IF position has fields */ ?> <div class="flexi lineinfo <?php echo $_position_name; ?> group"> <?php foreach ($item->positions[$_position_name] as $field) : /* LOOP through fields of the position */?> <div class="flexi element field_<?php echo $field->name; ?>"> <?php if ($field->label) : /* Display label according to configuration */ ?> <span class="flexi label field_<?php echo $field->name; ?>"> <?php echo $field->label; ?> </span> <?php endif; ?> <div class="flexi value field_<?php echo $field->name; ?>"> <?php echo $field->display; ?> </div> </div> <?php endforeach; ?> </div> <?php endif; ?> <!-- EOF infoslivre block --> </div> <div class="g-block size-50"> <!-- BOF couverture block --> <?php $_position_name = "couverture"; ?> <?php if (isset($item->positions[$_position_name])) : /* IF position has fields */ ?> <div class="flexi lineinfo <?php echo $_position_name; ?> group"> <?php foreach ($item->positions[$_position_name] as $field) : /* LOOP through fields of the position */?> <div class="flexi element field_<?php echo $field->name; ?>"> <?php if ($field->label) : /* Display label according to configuration */ ?> <span class="flexi label field_<?php echo $field->name; ?>"> <?php echo $field->label; ?> </span> <?php endif; ?> <div class="flexi value field_<?php echo $field->name; ?>"> <?php echo $field->display; ?> </div> </div> <?php endforeach; ?> </div> <?php endif; ?> <!-- EOF couverture block --> </div> <div class="g-block size-30"> <!-- BOF descriptionlivre block --> <?php $_position_name = "descriptionlivre"; ?> <?php if (isset($item->positions[$_position_name])) : /* IF position has fields */ ?> <div class="flexi lineinfo <?php echo $_position_name; ?> group"> <?php foreach ($item->positions[$_position_name] as $field) : /* LOOP through fields of the position */?> <div class="flexi element field_<?php echo $field->name; ?>"> <?php if ($field->label) : /* Display label according to configuration */ ?> <span class="flexi label field_<?php echo $field->name; ?>"> <?php echo $field->label; ?> </span> <?php endif; ?> <div class="flexi value field_<?php echo $field->name; ?>"> <?php echo $field->display; ?> </div> </div> <?php endforeach; ?> </div> <?php endif; ?> <!-- EOF descriptionlivre block --> </div> </div> </div> <div class="clear"></div>