Custom list template

[paolo.tateo]

I need to know if this is possible (I think yes .. I need a confirmation)

I must be able to see a list of items not in standard columns, but with a totally customized position (see sample image).

This is possible ?

Thanks

Paolo

 

[troester]

Have a look at the list div template.

 

[paolo.tateo]

Ok, thanks.

Paolo

 

[paolo.tateo]

Solution

FYI, I found the solution.

You must start from div template and customize the file default_row.php

For Example this is my file:

<div id="<?php echo $this->_row->id;?>" class="<?php echo $this->_row->class;?>">
<div style="clear: both;">
</div>



<div style="width: 180px; float: left; margin-right: 20px; >
<a href="<?php echo $this->_row->data->app_tours___link;?>" target="_blank">
<?php echo $this->_row->data->app_tours___img_tour;?>
</a>
</div>


<div  style="float: left; width: 210px; padding-right: 10px;">
<div>
<p style="font-weight: bold; margin-top:0px;"><?php echo $this->_row->data->app_tours___locality;?></p>

</div>

<div style="text-align:left; float:left; padding-right:9px;"><img alt="Posizione" src="http://www.mydomain.net/images/world.png"></div><div  style="float: left; clear: top; font-weight: bold;">
<?php echo $this->_row->data->app_tours___place;?>  <?php echo $this->_row->data->app_tours___region;?>
</div>
</br>
 <div  style="float: left; font-weight: bold; position: relative; left:-25px;  padding-top:5px;"><div style="text-align:left; float:left; padding-right:9px;"><img alt="Posizione" src="http://www.mydomain.net/images/viaggio.png"></div> <?php echo $this->_row->data->app_tours___type;?>  <?php echo $this->_row->data->app_tours___subtype;?>
</div>
<div style="width: 370px; float: left;">
<h2><a href="<?php echo $this->_row->data->app_tours___link;?>" target="_blank"><?php echo $this->_row->data->app_tours___name;?></a></h2>
</div>
</div>

<div  style="width: 95px; float: left;   ">
<?php echo $this->_row->data->spj9v_comprofiler___logo;?>
</div>


<div style="clear: both;">
<p style="text-align: left; font-weight: bold; margin-top: 5px; padding-top: 10px; padding-bottom: 10px; position:relative; top:10px;" ><span style="color: #f08b00;"><?php echo $this->_row->data->app_periods___name;?></span> con prezzo a partire da <span style="color: #0075BB; font-size: 24px;">&euro; <?php echo $this->_row->data->app_tour_period___price_min;?></span></p>
</div>
<div style="clear: both;">
<?php echo $this->_row->data->app_tours___description;?>
</div>

<div style="clear: both; margin-top: 0px;">
<div style=" float: left; width: 280px;">

<a href="http://www.mydomain.net/contatta-tour-operator?app_to_contacts___to_raw=<?php echo $this->_row->data->app_tours___user_raw;?>&amp;app_to_contacts___tour_raw=<?php echo $this->_row->data->app_tour_period___tour_raw;?>&amp;app_to_contacts___period_raw=<?php echo $this->_row->data->app_tour_period___period_raw;?>&app_to_contacts___email_to_raw=<?php echo $this->_row->data->spj9v_users___email_raw;?>"><img style="border: 0px solid ; width: 20px; height: 20px;" alt="Tour Operator" src="http://www.mydomain.net/images/layout/icons/tour-operator.png" align="left">&nbsp; Contatta il Tour Operator</a>
</div>
<div  style="width: 280px; float: left;">
<a href="http://www.mydomain.net/contatta-agenzia-viaggi?app_ta_contacts___to_raw=<?php echo $this->_row->data->app_tours___user_raw;?>&amp;app_ta_contacts___tour_raw=<?php echo $this->_row->data->app_tour_period___tour_raw;?>&amp;app_ta_contacts___period_raw=<?php echo $this->_row->data->app_tour_period___period_raw;?>"><img style="border: 0px solid ; width: 20px; height: 20px;" alt="Agenzia" src="http://www.mydomain.net/images/layout/icons/agenzia.png" align="left">&nbsp; Contatta un'agenzia viaggi</a>
</div>
</div>

</div>

And You can see the result (image) or live site: http://www.tripaz.net/crociere