Pagina Visualizzazione Sottocategorie senza tabelle

[omit]

Ho dovuto personalizzare per questioni lavorative la pagina di virtuemart administrator/components/com_virtuemart/themes/temapersonalizzato/templates/common/categoryCildlist.tpl.php perchè l'uso di default di una tabella non mi permetteva di personalizzare a dovere la pagina. Ho quindi scelto di sostituire la tabella con dei div, per visualizzare la immagini delle sottocategorie presenti in una categoria di primo livello.

Utilizzo per i div delle classi css che potrete chiaramente cambiare a vostro piacere.

posto la pagina categoryCildlist.tpl.php intera.

Codice: [Seleziona]

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' ); 
mm_showMyFileName(__FILE__);
$spostamento=20;
$top=0;
$iCol = 1;
if( !isset( $categories_per_row )) {
$categories_per_row = 4;
}
$cellwidth = intval( 100 / $categories_per_row );

if( empty( $categories )) {
return; // Do nothing, if there are no child categories!
}
?>
<br/>
<div id="cattab"> <!-- DIV in posizione relativa-->
<?php
foreach( $categories as $category ) {
if ($iCol == 1) { // qui non utilizzo una tabella ma un div
echo "<div>\n";
}
?>
<div style="width:<?php echo $cellwidth ?>%; float:left; height:92px;">
<div class="contenitore_categoria">
        <div class="titolo_categoria">
          <a title="<?php echo $category["category_name"] ?>" href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]) ?>">
<?php
echo $category["category_name"];

?>
</a>
         </div>
         <div class="product_cat_image">
         <a title="<?php echo $category["category_name"] ?>" href="<?php $sess->purl(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]) ?>">
<?php
if ( $category["category_thumb_image"] ) {
echo ps_product::image_tag( $category["category_thumb_image"], "alt=\"".$category["category_name"]."\"", 0, "category");
echo "<br /><br/>\n";
}
//echo $category["category_name"];
echo $category['number_of_products'];
?>
</a>
         </div>
         </div>
</div>


<?php
// Do we need to close the current row now?
if ($iCol == $categories_per_row) { // If the number of products per row has been reached
echo "</div>\n";
$iCol = 1;
}
else {
$iCol++;
}
}
// Do we need a final closing row tag?
if ($iCol != 1) {
echo "</div>\n";
}
?>
</div>
<div id="catelenco">
<?php
foreach( $categories as $category ){
// Qui visualizzo il div alla sinistra con l'elenco delle categorie
echo "<div style=\"position:absolute; width:230px; height:20px; left:0px; text-align:left; top:".$top=($top+$spostamento)."px;\"><a class=\"latestnews_modnews\"  href=\"index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$category["category_id"]."\">".$category["category_name"]."</a></div>";
}
?>
</div>
spero di poter essere utile a qualcuno...