نحوه ایجاد ویجت سفارشی در Magento 2

ابزارک ها ویژگی های باورنکردنی هستند که به شما امکان می دهند محتوای وب پویا یا استاتیک را به صفحات و بلوک های CMS در وب سایت Magento 2 خود اضافه کنید. آنها ابزارهای قابل استفاده مجدد و اساسی هستند که قابلیت های مختلفی را ارائه می دهند که می توانند در بلوک CMS یک فروشگاه Magento 2 مورد استفاده قرار گیرند..


ویجت ها هنگامی که به فروشگاه Magento اضافه می شوند ، بازدید کنندگان را قادر می سازند تا گشت و گذار کرده و فروشگاه خود را با سهولت مشاهده کنند. آنها قالب ها و طرح های وب سایت چشم نواز ایجاد می کنند که تجربه کاربر را غنی می کنند در حالی که کنترل و انعطاف پذیری بی سابقه ای را در پنل مدیریت ارائه می دهند.

این آموزش به شما کمک می کند تا ویجت سفارشی را در فروشگاه Magento 2 خود ایجاد کنید تا تجربه بازدیدکنندگان را افزایش داده و ناوبری را در فروشگاه بهبود بخشد..

آماده؟ بیا شروع کنیم.

مرحله 1 – ایجاد یک ماژول جدید

اولین قدم هنگام ایجاد ویجت سفارشی در Magento 2 ، ایجاد یک ماژول جدید است. ماژول به پوشه ماژول احتیاج دارد و در نام ما از فضای نام استفاده خواهد شد HostAdvice به عنوان فضای نام و CustomWidget به عنوان نام پوشه ماژول. پوشه ماژول در پوشه فروشنده با عنوان قرار خواهد گرفت برنامه / کد.

به خاطر این آموزش ، ما استفاده خواهیم کرد برنامه / کد / HostAdvicel / CustomWidget / composer.json. آهنگساز این پرونده را هنگام اجرای آن بارگذاری می کند ، حتی اگر ماژول را هم استفاده نکنیم.

مرحله 2 – ایجاد ثبت نام.php

ما باید ماژول را با Magento ثبت کنیم. برای تحقق این امر ، ابتدا یک ثبت نام.php در محل برنامه / کد / HostAdvice / CustomWidget / ثبت نام.php با استفاده از کد زیر.

<?پی اچ پی
\ Magento \ Framework \ Component \ ComponentRegistrar :: ثبت نام (
\ Magento \ Framework \ Component \ ComponentRegistrar :: MODULE,
‘Toptal_CustomWidget’,
__DIR__

در مرحله بعدی ، از کد زیر استفاده کنید تا یک پرونده ثبت نام ، module.xml در محل ایجاد کنید برنامه / کد / HostAdvice / CustomWidget / module.xmل.

<?نسخه xml ="1.0" ?>

مرحله 3 – اولیه سازی ویجت

پس از ایجاد پرونده های ثبت نام مورد نیاز ، مرحله بعدی ابتدایی ویجت است. ایجاد یک widget.xml پرونده پیکربندی در محل برنامه / کد / HostAdvice / CustomWidget / و غیره / widget.xml. از دستور زیر استفاده کنید:

<?نسخه xml ="1.0" ?>

ویجت نمونه HostAdvice

عنوان

محتوا

در دستور فوق ، ما دو قسمت ورودی را برچسب گذاری کرده ایم, عنوان, و محتوا. هر زمان که ویجت جدید فراخوانی شود ، مقادیر هر دو قسمت نمایش داده می شود. همچنین ، در برچسب ، کلاس بلاک را اعلام کردیم, HostAdvice \ CustomWidget \ بلوک \ ویجت \ Samplewidget برای هدایت ابزارک جدید برای استفاده از الگوی خاص.

مرحله 4 – ایجاد یک بلوک ویجت

بعد ، یک فیلد بلوک با عنوان ایجاد کنید Samplewidget.php, در محل HostAdvice / CustomWidget / بلاک / ویجت /, با استفاده از کد زیر:

<?پی اچ پی

namespace HostAdvicel \ CustomWidget \ بلوک \ ویجت؛

از Magento \ Framework \ View \ Element \ الگو استفاده کنید.
از Magento \ Widget \ Block \ BlockInterface استفاده کنید.

کلاس Samplewidget گسترش می یابد الگوی پیاده سازی BlockInterface
{

محافظت شده $ _template = "ویجت / samplewidget.phtml"؛

}

در دستور فوق, HostAdvice \ CustomWidget \ بلوک \ ابزارک \ Samplewidget به درستی اعلام شده و یک الگوی سفارشی در داخل آن اختصاص داده شده است $ _template متغیر.

اکنون ، از دستور زیر برای ایجاد یک فایل الگو استفاده خواهیم کرد samplewidget.phtml, در محل HostAdvice / CustomWidget / نمایش / ظاهر / قالب / ویجت.

<?php if ($ block->getData (‘widgettitle’): ?>

<?php echo block $->getData (‘widgettitle’)؛ ?>

<?php endif؛ ?>
<?php if ($ block->getData (‘widgetcontent’): ?>

<?php echo block $->getData (‘widgetcontent’)؛ ?>

<?php endif؛ ?>
در کد بالا ، با فراخوانی این $ ، پارامترهای ویجت انتخاب شده اند->getData (‘widgettitle’)؛ و این $->getData (‘widgetcontent’)؛ ارزش های.

مرحله 5 – ارسال ویجت

هم اکنون ویجت سفارشی شما با موفقیت ایجاد شده است. وارد قسمت مدیر Magento 2 شوید و انتخاب کنید محتوا سپس صفحات.

کلیک انتخاب کنید در گزینه صفحه اصلی را انتخاب کرده و را انتخاب کنید ویرایش کنید.

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

این شما را به سمت ویجت را وارد کنید حوزه. بر روی فلش در ویجت نوع کلیک کنید ، انتخاب کنید ویجت نمونه HostAdvice, از لیست کشویی.

در گزینه های ابزارک, وارد شوید محتوا و عنوان برای نمایش در صفحه اصلی ، و درج ابزارک کلیک کنید.

در آخر ، برای ایجاد هرگونه تغییر ، با راه اندازی CLI و اجرای دستورات زیر ، حافظه نهان Magento 2 را شستشو دهید:

php bin / magento cache: clean
php bin / magento cache: flush

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

نتیجه

خودشه! شما با موفقیت یک ویجت سفارشی جدید را در فروشگاه Magento 2 خود ایجاد و ارسال کرده اید. ویجت جدید برای عملکرد جلو شما بسیار مهم خواهد بود زیرا آزادی خلاقانه تری را ارائه می دهد و به شما امکان می دهد محصولات خود را با سهولت به بازار عرضه کنید.

از این 3 سرویس برتر میزبانی Magento دیدن کنید:

FastComet

قیمت شروع:
2.95 دلار


قابلیت اطمینان
9.7


قیمت گذاری
9.5


کاربر پسند
9.7


پشتیبانی
9.7


امکانات
9.6

بررسی ها را بخوانید

از FastComet بازدید کنید

میزبانی A2

قیمت شروع:
$ 3.92


قابلیت اطمینان
9.3


قیمت گذاری
9.0


کاربر پسند
9.3


پشتیبانی
9.3


امکانات
9.3

بررسی ها را بخوانید

از میزبانی A2 دیدن کنید

ScalaHosting

قیمت شروع:
4.95 دلار


قابلیت اطمینان
9.4


قیمت گذاری
9.5


کاربر پسند
9.5


پشتیبانی
9.5


امکانات
9.4

بررسی ها را بخوانید

از ScalaHosting بازدید کنید

مقالات مرتبط با نحوه

  • نحوه ساخت محصولات بسته نرم افزاری در Magento 2
    حد واسط
  • نحوه ایجاد یک محصول جدید در Magento
    تازه کار
  • نحوه تنظیم رمزگذاری SSL / TLS در Magento
    حد واسط
  • نحوه ایجاد یک تم مژگان جدید
    حد واسط
  • نحوه نصب Magento In Cpanel
    تازه کار
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me