Close

Newsletter and recently viewed products

iojvan
10 years ago
#6213 Quote
Avatar
  • 21
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!
Support
10 years ago
#6226 Quote
Avatar
  • Moderator
  • 1044
iojvan wrote:
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!

ezzat2k
10 years ago
#6336 Quote
Avatar
  • 34

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
nikola.dragiev
10 years ago
#6346 Quote
Avatar
  • Moderator
  • 154
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
Best regards,
Nikola Dragiev
Nop-Templates.com
ezzat2k
10 years ago
#6349 Quote
Avatar
  • 34
Worked Perfect.


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


Cheers