Newsletter and recently viewed products

Can I move Newsletter and Recently viewed products boxes from right to left column. What I wont to do is transfer my theme from three column to two column layout! Is that possible?

Best regards!

Hi iojvan,

In order to make your site with two columns you should edit the following files as shown below:

Themes\Electronics\Views\Shared\_ColumnsThree.cshtml

Move the  

@Html.Action("RecentlyViewedProductsBlock", "Catalog")        
@Html.Action("NewsletterBox", "Newsletter")

in the leftside-3 element after the
@Html.Action("PopularProductTags", "Catalog") line.

You will need to add the following to the administration -> plugins -> nop electronics theme -> settings -> custom head styles textbox:

.rightside-3 {display: none;}
.leftside-3 {width: 25%;}
.center-3 {float: right; width: 73%;}

Hope that helps!

Best Regards!

Thanks to Support for the help, this works great on the PC version of the site, but it messes up the  Electronics Theme mobile version.

Is there a way to get both of them working ok?!


Thanks

Hello,

Please add this code on your Custom Head styles after the one you already applied:

@media all and (min-width: 240px) and (max-width: 980px) {
    .leftside-3,
    .center-3 {
        float: none;
        width: 100%;
    }
}

Now your website should look ok on a mobile device too

Hope I've been useful,

Nikola Dragiev
NopTemplatesTeam

Worked Perfect.


Thank you very much for the solution and super quick response.


Cheers