New Website with bespoke, static home page

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
8 years ago
My UK Terracotta Pottery client needed a new 'responsive design' shopping cart...

Though, they clearly wanted a new site to sell their manufactured wares to the general public, it was equally important to them, that the site should also attract prospective trade enquiries, who would hopefully be impressed by the overall 'creative design' of the site.

A compromise was therefore needed to combine the 'nuts & bolts' of a fully-functional 'Nopshop', but with a static bootstrap & a more visually appealing 'Home Page' http://www.terracotta.uk.com which via the 'Our Products' link would then hopefully lead surfers into the Nopcommerce's database driven part of the site, such as http://www.terracotta.uk.com/wine

In order to create a more homogenous sitewide feel to the whole site, I hard-coded:

1) The 'Vegas' full-screen, background slides into the Nop's V3.5 '_RootHead.cshtml' file.

2) Bypassed Nop's default 'Home page', with my own static 'Home page' by adding a simple JavaScript redirect on the 'Index.cshtml' page [- though there is a very slight lag on opening whilst Nop tries loading its own stuff before the redirect command kicks in, but I can live with that as it is almost instantaneous, unless anybody else knows a better way?]

FYI - The laptop 'mouseover' opacity changes in order to to view content exist sitewide, but for mobile touchscreens without 'mouseovers', they are disabled using a CSS media query.

Eventually (& since these 'whistle & flute', full-screen background slides are virtually invisible to small screens), I will probably go remove these 'Vegas' fading background for quicker mobile downloads in a specific device-discovering redirect to a static cut-down mobile version of the page - but this is just work-in-progress, as proverbially 'Rome wasn't built in a day'!

[FYI - the new static home page was based on a free bootstrap template found here: http://www.designbootstrap.com/livedemos/2015/02/27/light-wave/template/red.html.]

Pragmatically, I fully accept that my IT work is certainly not perfect (& I am definitely not a talented ASP programmer), but I do hope that the Nop community can appreciate my variations upon the Nop norm & may solicit others to go experiment using Nop as their core.

That said, I would really appreciate any constructive feedback from the NOP community for improvements to my coding, as this is my first live Nop design,

Linsan :)
8 years ago
Great job, Linsan!

Do you mind us if we use it for success stories\testimonials tab we are working on?
8 years ago
Thanks & please do... :)
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.