نحوه ایجاد تم برای ناپ‌کامرس (با استفاده از تم پیش‌فرض)

در این مقاله چند قسمتی قصد داریم ابتدا روند ایجاد تم را بررسی کنیم و بعد با ساختار کلی دیزاین ناپ‌کامرس آشنا می‌شویم. با من همراه باشید.

سولوشن ناپ‌کامرس یا وب‌سایت (ورژن وب) را با ویژال استادیو باز کنید و به آدرس زیر بروید:

اگر از سورس کد استفاده می‌کنید

\Nop.Web\Themes\

اگر از نسخه وب ناپ‌کامرس استفاده می‌کنید

\[Project Root]\Themes\

1. تم دیفالت را انتخاب کنید.

2. راست کلیک کرده و Copy را انتخاب کنید.

3. حالا روی پوشه Theme راست کلیک کرده و Paste را انتخاب کنید.

4. نتیجه نهایی چیزی شبیه به عکس زیر می‌باشد.

5. اسم پوشه را به هر اسمی که مد نظرتون است تغییر دهید برای مثال MyFirstTheme.

6. داخل پوشه تم MyFirstTheme رفته و فایل theme.json را باز کنید.

7. به صورت زیر نام تم را تغییر دهید.

8. داخل پوشه تم در مسیر

"MyFirstTheme" → Content → Images

تصویر مد مورد نظر خود را اضافه کنید و با توجه به نیازهاتون شروع به تغییر و کاستوم کردن فایل style.css کنید.

برای تست تغییرات تم، به قسمت ادمین رفته و تم خود را انتخاب کرده و save کنید.

به همین راحتی، بهتون تبریک می‌گم شما اولین تم خودتان را ایجاد کردید.

قسمت اول

منبع