X

فهرست محتوا

شخصی سازی قالب های ناپ کامرس

لوگوی سایت خود را بارگزاری نمایید.

برای بارگزاری لوگوی فروشگاه شما در وب سایت فروش اینترنتی، اساسا 2 روش وجود دارد:

روش اول:

  1. به مسیر nopCommerce root folder /Themes/YOUR THEME/Content/images/ بروید.
  2. فایل logo.gif را پیدا کنید.
  3. logo.gif را با لوگوی فروشگاه خود جایگزین کنید و نام آن را logo.gif (با همان عرض: 310px و ارتفاع: 60px) قرار دهید.

 

روش دوم:

  1. لوگوی خود را در مسیر nopCommerce root folder/Themes/YOUR THEME/Content/images/ ذخیره کنید.
  2. به فایل nopCommerce root folder/ Views / Shared / Header.cshtml رجوع کنید.
  3. فایل "Header.cshtml"باز کنید
  4. کد زیر را پیدا کنید.

var logoPath = "~/Themes/" + currentThemeName + "/Content/images/logo.gif";

شما می توانید مسیر سفارشی لوگوی خود را در اینجا ذکر کنید.

در کد css ذکر شده logo.gif نام فایل لوگوی شماست

 

  1. نام logo.gif را میتوانید با YourLogo.gif/jpg/png جایگزین کنید.
  2. تغییرات فایل Header.cshtml را ذخیره کنید.

 

مهم برای دیدن تغییرات (لوگوی جدید فروشگاه) ممکن است مجبور باشید مرورگر را refresh کنید یا history و Cookie های مرورگر خود را حذف کنید.

اگر می خواهید در استایل های مربوط به لوگو تغییراتی ایجاد کنید، کد زیر را در styles.css خود دنبال کنید:

.header-logo {
margin: 0 0 20px;
text-align: center;
}
.header-logo a {
display: inline-block;
max-width: 100%;
line-height: 0; /*firefox line-height bug fix*/
}
.header-logo a img {
max-width: 100%;
opacity: 1;
}

 

چگونه layout را تغییر دهید

  1. اگر می خواهید layout پایه (به عنوان مثال _Root.cshtml) را سفارشی / تغییر دهید،: لطفا به این کد CSS در style.css خود نگاه کنید

.master-wrapper-content {
position: relative;
z-index: 0;
width: 90%;
margin: 0 auto;
}
.master-column-wrapper {
position: relative;
z-index: 0;
}
.master-column-wrapper:after {
content: "";
display: block;
clear: both;
}

 

  1. اگر می خواهید طرح _ColumnOne.cshtml را سفارشی / تغییر دهید،: لطفا به این کد CSS در style.css خود نگاه کنید

.center-1 {
margin: 0 0 100px;
}

 

  1. اگر می خواهید طرح _ColumnTwo.cshtml را سفارشی / تغییر دهید،: لطفا به این کد CSS در style.css خود نگاه کنید

.center-2, .side-2 {
margin: 0 0 50px;
}
.side-2:after {
content: "";
display: block;
clear: both;
}

نحوه تغییر در منوی سرفصل (منوی بالا)

  1. اگر می خواهید طرح منوی سرفصل را سفارشی / تغییر دهید،:
    برو به مسیر nopCommerce root folder / Views / Shared / Components / TopMenu / Default.cshtml
  2. فایل "Default.cshtml" را باز کنید - با توجه به نیازهایتان می توانید آیتم های منو را در <li> اضافه یا حذف کنید.

 

چگونگی تغییر در پاورقی (یا لینک های پاورقی)

  1. اگر می خواهید طرح پاورقی را سفارشی / تغییر دهید،:

برو به مسیر nopCommerce root folder / Views / Shared / Components / Footer / Default.cshtml

  1. باز کردن فایل "Default.cshtml" - شما می توانید لینک ها را در <li> اضافه یا حذف کنید یا <ul> را بر اساس الزامات خود تکمیل کنید.

لینک های بیشتر

Print
کلمات کلیدی:
رتبه بندی این مطلب:
بدون رتبه

برای دادن نظر لطفا وارد شوید و یا ثبت نام کنید

x

طراحی اختصاصی فروشگاه

طراحی فروشگاه خود را با امکانات بیشمار و قالب اختصاصی به ما بسپارید. نمونه پروژه های اجرا شده ما را ببینید.

مشتریان ما

ناپ شاپ با برگزاری دوره های آموزشی در دانشگاهها، ارائه راهنمای فارسی، انجمن گفتگو، فیلم های آموشی، وبلاگ، طراحی انواع پلاگین ها و راه اندازی انواع فروشگاه اینترنتی، در توسعه ناپ کامرس در ایران تلاش میکند.

اطلاعات بیشتر
تمام حقوق این وب سایت برای nopShop.ir محفوظ است1403 انتشار محتوای این سایت تنها با درج نام مرجع آن | حریم خصوصی | شرایط استفاده
دی ان ان