مینو علیمحمدی
مینو علیمحمدی
خواندن ۱ دقیقه·۴ سال پیش

بررسی Layout/Design (ناپ‌کامرس)

Layout
Layout

مفهوم 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
_Root.cshtml


_Root.cshtml

(با توجه به css کلاس)

root-layout-css
root-layout-css


حالا دو Layout که از Root.cshtml_ اورراید می‌شود را بررسی می‌کنیم:

_ColumnsOne.cshtml

دراین حالت تغییری در Layout نمی‌دهد و ساختارش خیلی شبیه به Root.cshtml_ می‌باشد.

_ColumnsOne.cshtml
_ColumnsOne.cshtml


_ColumnsTwo.cshtml

در این حالت ساختار Body دو ستون وجود دارد:

_ColumnsTwo.cshtml
_ColumnsTwo.cshtml



ممنون از همراهیتون.

بخش دوم

منبع

ناپ کامرستم ناپ کامرسnopcommercedotnetcore
برنامه‌نویس دات‌نت هستم و با سی‌ام‌اس ناپ‌کامرس آشنایی دارم، سالهاست به صورت تخصصی توسعه‌دهنده این cms باحال هستم! در اکانتم مطالب مربوط به این cms فقط به اشتراک گذاشته می‌شه.
شاید از این پست‌ها خوشتان بیاید