You are here:  » SearchResults in divs


SearchResults in divs

Submitted by alecs on Tue, 2011-08-23 07:05 in

heres my sugestion to display the searchresults in divs:

before

<div class="pto_s_results_wrapper">

each

<div class="pto_wrapper">
<div class="pto_s_image">
%IF_IMAGE%
<a href='%PRODUCT_URL%'><img class="pto_img" src='%IMAGE_URL%' /></a><br />
%ENDIF_IMAGE% <br />
</div>
<div class="pto_s_descr">
<h4><a href='%PRODUCT_URL%'>%PRODUCT_NAME%</a></h4>
<p><h5>%IF_DESCRIPTION%
%DESCRIPTION%
%ENDIF_DESCRIPTION%</h5></p>
</div><!--end descr-->
<div class="pto_s_price">
%IF_COMPARED%
  <nobr><em>from</em> %PRICE%</nobr>
  <br />
  <nobr><a href='%PRODUCT_URL%'>Compare Prices</a></nobr>
%ELSE_COMPARED%
  %PRICE%
  <nobr><a href='%PRODUCT_URL%'>More...</a></nobr>
%ENDIF_COMPARED%
 </div>
<div style="clear:both;"></div>
<!--end_price-->
</div>

after

</div>
<div style="clear:both;"></div>
<!--end wrapper-->

CSS / pto.css

/*derlink.de mod.*/
.pto_s_results_wrapper { width:960px;}
.pto_s_image { width:100px; height:auto; float:left;}
.pto_s_descr { margin-left:10px; width:700px; height:auto;float:left;}
.pto_s_price { width:140px; margin-right:0px; height:auto; float:right; color:#09F;}
.pto_img { width:100px;}
.pto_wrapper { clear:both; border-bottom: 1px #999 dotted;}
/*end derlink.de mod.*/

this is for 960px with display. please change it for your needs.

Submitted by support on Tue, 2011-08-23 08:32

Thanks for sharing that, alecs!