Top sales in the bar left or right

My knowledge of c # are few, but with help from forums and following some logic could put the top sales in the right bar (I use ThreeColumn.Master file)

It is relatively simple. Here are the steps.

1) Open Solution
2) Select / modules / BestSellers.ascx and do copy button (right side / copy)
3) Select Modules and the Paste button on the right side
4) New file is created. Rename to BestSellers_Left (the name is your choice)
5) Open the file created (BestSellers_Left.ascx).
You need to replace a few words. Changes on Bold

<% @ Control Language = "C #" AutoEventWireup = "true" Inherits = "NopSolutions.NopCommerce.Web.Modules.BestSellers_Left"
CodeBehind = "BestSellers_Left.ascx.cs"%>

<asp:DataList ID="dlCatalog" runat="server" RepeatColumns="1" RepeatDirection="Vertical"

Save de file.

6) Open the file BestSellers_Left.ascx.cs

Substituting in the code

public partial class BestSellers_Left

Save the file

7) Now to get well on the bar left or right is necessary to change the style.css file.
I added the following class that will later be used in file "BestSellers_Left.ascx"
Example for DarkOrange Theme

. Bestsellers-left
(
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 160px;
padding: 5px 10px 10px;
background: # 333 url (images / bg_sidebar_title.gif) no-repeat;
)

. Bestsellers-left. Boxtitle
(
padding: 5px 5px 5px 0px;
margin: 0 0 0 5px;
font-weight: bold;
text-transform: uppercase;
font-size: 0.9em;
color: # FF9933;
)

. Bestsellers-left. Item-box
(
padding-bottom: 5px;
text-align: center;
vertical-align: text-top;
)

. Bestsellers-left. Product-item
(
text-align: center;
margin: 5px 5px 5px 5px;
border: 0px solid # d4d4d4;
width: 150px;
height: 150px;
)

. Bestsellers-left. Product-item
(
    color: # FFF;
font-weight: bold;
text-decoration: none;
Font-size: 0.9em;
)

. Bestsellers-left. Product-item. Product-title
(
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
font-weight: bold;
)

. Bestsellers-left.-Item product. Picture
(
text-align: center;
)

8) Open the file BestSellers_Left.ascx

Replace the old with the new classes created.
Finally, just change the file ThreeColumn.Master (in my case) or TwoColumn.Master and add the following


<% @ Register TagPrefix = "nopCommerce" TagName = "BestSellers_Left" src = "~ / Modules / BestSellers_Left.ascx"%>


e

<nopCommerce:BestSellers_Left ID="ctrlBestSellers_Left" runat="server" />


I hope I've explained myself well. I am Portuguese and my English is not very good