Home › Forums › Plugins › Related Products › Support › [Resolved] Best way to make this horizontally displayed? › Reply To: Best way to make this horizontally displayed?
August 13, 2010 at 3:00 pm
#6801
cyhwebby
Participant
Thanks Michael, that worked perfectly. I’ll copy and paste my code here on the off chance that someone would like to replicate what I’ve done:
<div class="vl_wpscrp">
<h3>Related Products</h3>
<?php if( $vl_wpscrp_products ) { ?>
<ul style="display:inline; width:500px; list-style-type:none">
<?php foreach( $vl_wpscrp_products as $vl_wpscrp_product ) { ?>
<li style="width:75px; float:left">
<?php if( get_option( 'show_thumbnails' ) ) { ?>
<?php if( $vl_wpscrp_product->image ) { ?>
<a>id ); ?>" title="<?php echo $vl_wpscrp_product->name; ?>"><img class="product_image" style="height:75px; width:75px" id="product_image_<?php echo $vl_wpscrp_product->id; ?>" alt="<?php echo $vl_wpscrp_product->name; ?>" title="<?php echo $vl_wpscrp_product->name; ?>" src="<?php echo vl_wpscrp_product_thumbnail( $vl_wpscrp_product->id, $vl_wpscrp_product->image ); ?>" /></a>
<?php } else { ?>
<div class="no_image image"><a>id ); ?>" title="<?php echo $vl_wpscrp_product->name; ?>">