افزودن بنرهای تبلیغاتی

بعضی مواقع لازم هست تا بنرهای تبلیغاتی برای بهتر دیده شدن محصولات سایت به صفحه اول یا هرجای دیگه توی سایت اضافه کنیم. چطور می شه این کار رو انجام داد؟

برای افزودن بنرهای تبلیغاتی می توانید از افزونه اسلایدر در همه جا استفاده کنید تنها فرق آن با بقیه اسلایدرهای دیگر این است که برای بنر های تبلیغاتی از یک تصویر استفاده می کنید و لازم نیست لیستی از تصاویر رو انتخاب کنید. البته اگر لیستی از تصاویر هم اندازه هم انتخاب کنید بنر تبلیغاتی به صورت تصویر متحرک شبیه گیف نمایش داده میشود.

در بخش "مدیریت اسلایدرها" از افزونه "اسلایدر در همه جا" وقتی یک اسلایدر جدید ساختید از زبانه (تب) زمانبندی در آن حتی می توانید آن را زمان بندی کنید که چه زمانهایی نشان داده شود.

برای تنظیم مکان نمایش اسلایدر از زبانه (تب) ناحیه ابزارک می توانید آن را در سایت جایگذاری کنید. ضمنا اگر می خواهید که بنر تبلیغاتی در مکان دیگری نمایش داده شود که در لیست کشویی Widget Zone آن موجود نیست می توانید آن بخش جدید را به صورت زیر به فروشگاه اضافه کنید تا بتوانید آن را در لیست کشویی Widget Zone انتخاب کنید:

1) ابتدا تکه کد زیر که شامل یک ویجت با نام دلخواه شماست را به مکان مشخصی که می خواهید در آن جا بنر را قرار دهید اضافه کنید. این مکان مشخص از بین View های تمپلیتی که دارید انتخاب می شود. مثلا تکه کد زیر را در زیر بخش اسلایدر اصلی در صفحه اول در ویو Shared>Header.cshtml اضافه می کنم.

@Html.Widget("homepage_after_main_slider")

2) برای افزودن این ویجت به لیست کشویی در اسلایدر ها به پوشه پلاگین های لوکال که نصب شده است مراجعه کنید. سپس پوشه ای که شامل نام "Nop.Plugins.AnywhereSliders"  می شود را باز کنید که در این پوشه یک فایل xml قرار دارد با نام SupportedWidgetZones.xml که در آن لیست ویجت ها برای نمایش در بخش Widget Zone اسلایدر ها وجود دارد. در این فایل شما باید نام آن ویجت دلخواهی که اضافه کردید را به صورت زیر به ادامه لیست آیتم های آن اضافه کنید

<WidgetZone>homepage_after_main_slider</WidgetZone>

3) حالا شما می توانید به بخش مدیریت اسلایدرها رفته و دوباره همان اسلایدر را با تنظیم Widget Zone  آن به آیتم جدید اضافه شده به لیست کشویی ویجتها، در مکان جدید برای نمایش اضافه کنید تا اسلایدر یا بنر تبلیغاتی شما را در مکانی که می خواهید نمایش دهد.

4) ضمنا برای نمایش بهتر و تنظیم اندازه بنر نمایش داده شده با اندازه های دلخواه برای نمایش باید فایل css با نام nivo.css که در همان پوشه اصلی پلاگین "Nop.Plugins.AnywhereSliders" در قسمت "Nop.Plugins.AnywhereSliders\Themes\Pavilion\Content\nivo" وجود دارد را تنظیم کنید. یعنی یک کلاس css برای تنظیم اندازه بنر به آن اضافه کنید. مثلا کلاس زیر

.theme-banner-customize {
  float: right;
  width: 49%;
  margin: 0 2% 16px 0;
}

و در ادامه در بخش مدیریت اسلایدر ها بر روی همان اسلایدری که ساخته بودید در زبانه (تب) اول آن، نام کلاس تم را banner-customize تنظیم نمایید (بخش "-theme" که در نام کلاس اصلی css باید در فایل وجود داشته باشد نباید در این قسمت اضافه شود) تا بتوانید از این کلاس css در زمان نمایش بنر تبلیغاتی استفاده کنید.