View source for Show Blog Layouts in Table Format

== Creating the Table Blog Layout ==
Creating a new table layout is simple.

# First, we have to locate the templates responsible for rendering the standard layouts. You find these under ''/components/com_content/views/section/tmpl/blog.php'' and ''/components/com_content/views/category/tmpl/blog.php''.
# Now we need to add a folder to our template to make the actual overrides.
## Add an ''html'' folder to your template.
## Add the folder name of the component from which you would like to override a layout. In this case that would be ''com_content''.
## Add a folder with the name of the view from which you want to override a layout. In this case it would be ''section'' or ''category''.
## Finally add a copy of the layout file you wish to override. In this case ''blog.php'' from the section or the category layout.
## The new directory in your template directory should look like: ''/html/com_content/section/blog.php''.
# Now, for the good part. We are going to replace several lines in the copied ''blog.php'' files with some new lines.

'''For Joomla 1.5.6 and earlier''':
Open the file in an editor and replace lines 45 through 66 with:
<syntaxhighlight lang="php">
<tr>
   <td valign="top">
	  <table width="100%"  cellpadding="0" cellspacing="0">
		 <?php for( $z = 0, $c = ceil( $this->params->get('num_intro_articles', 4) / $this->params->get('num_columns') ); $z < $c; $z++ ) : ?>
			<tr>
			   <?php $z == 0 ? $loop = 0 : $loop = $z * $this->params->get('num_columns'); ?>
			   <?php for( $y = $loop; $y < ( $loop + $this->params->get('num_columns') ); $y++ ) : ?>
				  <?php if ($y > $loop) : $divider = " column_separator"; endif; ?>
				  <td valign="top" width="<?php echo intval(100 / $this->params->get('num_columns')) ?>%" class="article_column<?php echo $divider ?>">
					 <?php
					 if ($y < $this->total && $y < ($numIntroArticles)) :
						$this->item =& $this->getItem($y, $this->params);
						echo $this->loadTemplate('item');
					 endif;
					 ?>
				  </td>
			   <?php endfor; ?>
			</tr>
		 <?php endfor; ?>
	  </table>
   </td>
</tr>
<?php $i = $i + $this->params->get('num_intro_articles') ; ?>
</syntaxhighlight>

'''For Joomla 1.5.7 and later''':
Since Joomla! 1.5.7 a new "across" parameter has been introduced, allowing you to choose whether to have your blog layouts going down or across. In these new layouts, you need to alter the "across" version of the template. You can do this by replacing lines 48 through 73 in either the Section or Category views (for the home page view replace lines 32 through 55 in ''default.php'') with:
<syntaxhighlight lang="php">
<?php
    if ($this->params->get('multi_column_order')) : // order across, like front page
		for( $z = 0, $c = ceil( $this->params->get('num_intro_articles', 4) / $this->params->get('num_columns') ); $z < $c; $z++ ) :
			$divider = ''; ?>
			<tr>
				<?php $z == 0 ? $loop = 0 : $loop = $z * $this->params->get('num_columns'); ?>
				<?php for( $y = $loop; $y < ( $loop + $this->params->get('num_columns') ); $y++ ) : ?>
					<?php if ($y > $loop) : $divider = " column_separator"; endif; ?>
					<td valign="top" width="<?php echo intval(100 / $this->params->get('num_columns')) ?>%" class="article_column<?php echo $divider ?>">
						<?php if ($y < $this->total && $y < ($numIntroArticles)) :
							$this->item =& $this->getItem($y, $this->params);
							echo $this->loadTemplate('item');
						endif;
						?>
					</td>
				<?php endfor; ?>
			</tr>
		<?php endfor;
		$i = $i + $this->params->get('num_intro_articles') ;
</syntaxhighlight>

Save the files. Voìla, you have now created template overrides! The new layouts order the items from left to right when multiple columns are present, as well as creating rows of equal height.

For more information about this layout you can check out [https://forum.joomla.org/viewtopic.php?f=428&t=304719 this post] on the Joomla! forum.

[[Category:Tips and tricks]]
[[Category:Tips and tricks 1.5]]
[[Category: Overrides]]