Same style for best sellers block as new products block...

[Nick20000]

hi. how would i apply the same style as my new products block but for the best sellers block with the numbers as an added extra beside the items title. picture added of what i would like.

 

http://www.shopmost.co.uk

 

thank you.

[Nick20000]

hi. if anyone can help me with this that would be great.

 

thank you.

[Nick20000]

can't seem to get any help lately?  

[vekia]

helllo

thank you for creating new topic

 

change width to 95px in: (blockbestsellers.css)

#best-sellers_block_right li p {
float: left;
margin-left: 7px;
padding: 0;
width: 125px;
font-weight: normal;
font-size: 12px;
}

remove width:67px; and background: #cccccc;

#best-sellers_block_right li a.content_img {
display: block;
float: left;
padding: 1px;
height: 47px;
width: 67px;
text-decoration: none;
background: #cccccc;
}

effect

[Nick20000]

helllo

thank you for creating new topic

 

change width to 95px in: (blockbestsellers.css)

#best-sellers_block_right li p {
float: left;
margin-left: 7px;
padding: 0;
width: 125px;
font-weight: normal;
font-size: 12px;
}

remove width:67px; and background: #cccccc;

#best-sellers_block_right li a.content_img {
display: block;
float: left;
padding: 1px;
height: 47px;
width: 67px;
text-decoration: none;
background: #cccccc;
}

effect

hi vekia.

 

thanks for the help. but how can i add the numbers like shown in my picture added above. and also how to put the border above the link all best sellers.

 

thank you.

Edited April 2, 2014 by Nick20000 (see edit history)

[vekia]

in module tpl file move this:

{$smarty.foreach.myLoop.iteration}

 

before the

     <a href="{$product.link|escape:'html'}" title="{$product.legend|escape:'html':'UTF-8'}">
                                {$product.name|strip_tags:'UTF-8'|escape:'html':'UTF-8'}<br/>
                                {if !$PS_CATALOG_MODE}<span class="price">{$product.price}</span>{/if}
                            </a>