How to move news section to the side column in nopCommerce

Many nopCommerce users posts questions regarding how to move the news section to the side column. In some ways, it does makes sense as many store owners prefer to use the middle body of the homepage to showcase their products / services. Side columns is a great location to display news about your industry or store site.

Today, we will go over the process of moving the news section to the side column.

First, we need to enable the news from the administration section by going:

Administration > Configuration > Settings > News Settings


Now enable the news section to display on the homepage like this (also make sure that the news is enabled):


Make sure to “SAVE” the changes.

Now, the news section should appear on your homepage like this:


In order to move the news section from center to the side column, let’s go in the code:

Nop.Web (Presentation) / Views / Home / Index.cshtml

Open the “Index.cshtml” file and cut the following highlighted code:


Go to this location in your code: Nop.Web (Presentation) / Views / Shared / _ColumnThree.cshtml 

Open the “_ColumnThree.cshtml” file and paste your news code in either column (in this case, we will be adding news section to the right column):


Save the changes and go to public store, you should see the news section to the right column like this:


 Looking for quality nopCommerce Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , | Posted under nopCommerce | RSS 2.0

Author Spotlight

Lavish Kumar

Founder, developer and owner of - By profession, he is a software programmer / web developer, web designer & DBA. He is passionate about technology and electronic gadgets. He enjoys writing tech articles and developing web applications. He is a nopCommerce MVP and author of official nopCommerce Designer's Guide.

Leave a Reply

Your email address will not be published. Required fields are marked *