[comment]
ui_name: best
ui_type: component
ui_class: vertical, content
ui_group: promotion
ui_label: Best sellers

banner:
	code: banner
	type: text
	width: 40
	default: [L]Best sellers...[/L]

toprow_css:
	advanced: 1
	height: 4
	label: CSS describing top row
	type: textarea
	width: 60

toprow_color:
	advanced: 1
	type: text
	width: 7

matches:
	help: If you select more matches than columns, multiple rows will be generated.
	options: 1,2,3,4,5,6,7,8,9,10
	type: select
	default: 2

cols:
	label: Columns
	options: 1,2,3,4
	type: select
	default: 2

[/comment]
    <div class="specials_title">
    <b>[control name=banner default="[L]Best sellers...[/L]"]</b>
    </div>
    <div class="specials_body"> 
    [calc]
  	my $n = [control cols 2];
	$Scratch->{width_percent} = int(100 / $n) . '%';
	return;
    [/calc]
    <table width="100%" border="0" cellspacing="0" cellpadding="10" align="center">
    [table-organize embed=1 pretty=1 cols="[control cols 2]"]
	[loop search="
		fi=merchandising
		st=db
		ra=yes
		tf=times_ordered
		to=rn
		ml=[control matches 2]
	"]
	<TD width="[scratch width_percent]" align="center"> 
		<table border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td align="center">
				<a href="[area [loop-code]]" class="crosstitle">			 	      
					[loop-description]<br>
					<img border="0" src="thumb/[loop-field thumb]"><br>
				</a>
       			[L]Our Price[/L]: <B>[loop-price]</B><br>

				<br>
				[b-link page=order form=|mv_order_item=[loop-code]| class="btn btn-sm btn-buy"]BUY NOW[/b-link]
				[b-link page=|[loop-code]| class="btn btn-sm btn-info"][L]MORE INFO[/L][/b-link]

			</td>		
		</tr>
		</table>
	</TD>
	[/loop]
    [/table-organize]
    </table>
    </div>
    <p>&nbsp;</p>

<!-- END COMPONENT [control component best_horizontal] -->
