Jika anda ingin menjaga keseluruhan halaman pada project nopCommerce, anda tetap harus mengatur ulang default page untuk mengijinkan berbagaikeperluan bisnis berbeda, dengan nopCommerce widget support hal tersebut menjadi lebih muda

Untuk cara ini, kita membutuhkan visual studio sebagai persyaratan, pertama tama masuk ke folder “themes” pada Nop.Web, setelah itu pada folder teama yang anada pilih buka Views>Home?index.cshtml. buka filenya dan mulai cek code anda

Anda akan menyadari banyak kode html terpisahkan dengan C# actions, dan C# action yang paling menarik adalah

• Widgets: @Html.Action(“WidgetsByZone”, “Widget”, new { widgetZone = “home_page_top” })
• Topics: @Html.Action(“TopicBlock”, “Topic”, new { systemName = “fpHatshape” })
• News: @Html.Action(“HomePageNews”, “News”)

WidgetsByZone adalah zona dimana widget ditugaskan pada area admin di nopCommerce, pindahkan action ke widgetZone,  anda akan memindahkan tempat widget itu tampil

Topics: anda dapat membuat topic dalam administration section di dalam sebuah situs, setelah itu gunakan code baris berikut untuk menjelaskan dimana  tampilan dari topic tersebut

News: langkah yang paling baik untuk menjelaskan mengenai berita terbaru dari situs ecommerce yang akan ditampilkan,

Perhatikan kode diantara baris tersebut; buka stylesheet di dalam folder tema css, perhatikan bagaimana code dan cssnya saling terhubung, anda dapat menggunakan file kombinasi ini untuk membuar layout original seluruhnya untuk nopCommerce berbasis toko. Mulailah bereksperimen agar anda lebih memahami apa yang anda lakukan.