Left menu

Hi, someone can help me to customize left column? i want to add some box for skype contact and more! thanks

Hi,

What kind of help do you need? I think easiest way to create a new block it's to add new block control MyContactsBlock e.g. and include in this block some topic. After that you will be able to manage block content by editing topic.

i'm sorry, i'm newbie with asp.net and nopcommerce. where i have to do this change?

i want to create another box on left like chart, category, newsletter, information ....


thanks

cris81 wrote:

The easiest way by which you can accomplish this:

Create/Design a button that say something like " cris81 quick links"

Now go to nopCommerceStore > masterpages > TwoColumn.master (this the the location which you will place your stuff which will be displayed on the left hand side column)

In TwoColumn.master page you will see this code:

<div class="master-wrapper-side">
        <asp:ContentPlaceHolder ID="cph2" runat="server">
            <nopCommerce:LiveChatBlock ID="ctrlLiveChatBlock" runat="server" />
            <div class="clear">
            </div>
            <nopCommerce:MiniShoppingCartBox ID="ctrlMiniShoppingCartBox" runat="server" />
            <div class="clear">
            </div>
            <nopCommerce:CategoryNavigation ID="ctrlCategoryNavigation" runat="server" />
            <div class="clear">
            </div>
            <nopCommerce:ManufacturerNavigation ID="ctrlManufacturerNavigation" runat="server" />
            <div class="clear">
            </div>
            <nopCommerce:NewsLetterSubscriptionBoxControl runat="server" />
            <div class="clear">
            </div>
            <nopCommerce:RecentlyViewedProducts ID="ctrlRecentlyViewedProducts" runat="server" />
            <div class="clear">
            </div>
            <nopCommerce:InfoBlock ID="ctrlInfoBlock" runat="server" />
        </asp:ContentPlaceHolder>
    </div>

---
Now in between or on the top or on the bottom wherever you want to place your buttons/link

lets say you want your skype link/contact info above Category

so place your image button code something like this above category code:

<img src="http://YourButtonOrHeading.jpg" width="100" height="20" alt="Quick Links" />
<br/>
<nopCommerce:CategoryNavigation ID="ctrlCategoryNavigation" runat="server" />
            <div class="clear">
            </div>

------
Now let's say you want to add your skype image / logo, and if anyone clicks on that image they will be able to contact you or whatever you want
you can add your code inbetween the above code something like this:

<img src="http://YourButtonOrHeading.jpg" width="100" height="20" alt="Quick Links" />
<br/>
<a href="YourskypelinkWhereYouWantToNavigateUserIfHe/SheClicksOnTheSkypeImage.aspx" target="_blank">
<img src="http://www.YourSkypeLogo/Image.jpg" width="200" height="261" />
<br/>
<nopCommerce:CategoryNavigation ID="ctrlCategoryNavigation" runat="server" />
            <div class="clear">
            </div>


That's it, save it and see the result

You can customize the code according to your requirements

thanks for your help.

cris81 wrote:

Your welcome, let me know if you face any problem