مفهوم Layout چیست؟ هر توسعه‌دهنده یا طراحی مایل است تمام صفحات وب‌سایت ظاهری ثابت داشته باشد. در گذشته مفهوم "MasterPages" در ASP.NET 2.0 معرفی شد که با حفظ ظاهر و سازگار به وب، آن را به صفحات aspx متصل می‌کرد.
همچنین Razor مشابه این کانسپت را با نام "Layout" پشتیبانی می‌کند. به شما این امکان می‌دهد یک قالب مشترک را تعریف کرده و در تمام صفحات وب‌سایت از آن ارث‌بری کنید.
در ناپ‌کامرس دو نوع layout وجود دارد:
_ColumnsOne.cshtml
_ColumnsTwo.cshtml
هر دو Layout از یک Layout دیگری به نام Root.cshtml_ ارث‌بری کرده است. این Root.cshtml_ خود از یک Layout دیگری به نام _Root.Head.cshtml ارث‌بری کرده است.
در Root.Head.cshtml_ فایل‌های مورد نیاز پیوست شده است در صورتی که نیاز به اضافه کردن فایل css و js دارید در این فایل باید اضافه کنید. محل همه‌ی فایل‌های Layout در آدرس زیر می‌باشد:
[nopCommerce root directory]/Views/Shared/...
اگر از سورس کد ناپ‌کامرس استفاده می‌کنید:
\Presentation\Nop.Web\Views\Shared\..._Root.cshtml
_Root.cshtml
(با توجه به css کلاس)
حالا دو Layout که از Root.cshtml_ اورراید می‌شود را بررسی می‌کنیم:
_ColumnsOne.cshtml
دراین حالت تغییری در Layout نمی‌دهد و ساختارش خیلی شبیه به Root.cshtml_ می‌باشد.
_ColumnsTwo.cshtml
در این حالت ساختار Body دو ستون وجود دارد:
ممنون از همراهیتون
نوشته شده توسط: خانم مینو علیمحمدی
قسمت دوم
منبع:
