از مبتدی تا پیشرفته : توسعه بیشتر ماژول

تاریخ : ۱۲ بهمن ۱۳۹۴ | دسته بندی : اپن کارت | برچسب ها : ,,,,

به مجموعه آموزشی توسعه دهنده اپن کارت خوش آمدید . در مقاله پیشین درباره توسعه ماژول ، اولین ” ماژول Hello World ” را با استفاده از MVC ( Model – View- Controller) و با توجه به داشبورد ساختیم .

در این مقاله ، می خواهیم ماژولی را برا ی front-end بسازیم . به شما توصیه می کنم اگر هنوز مقاله پیشین ما را نخوانده اید ، ابتدا آن را بخوانید . بسیاری از توسعه دهنده ها از توسعه ماژول برای اپن کارت می ترسند ، زیرا ابتدا در مارکت به دنبال ماژول های موجود می گردند ، اما در واقع توسعه کارآیی ماژول خودتان کاری ساده است .

همان طور که می دانید ، ما ماژولی ساخته ایم که یک ورودی را از Back-end می گیرد و آن را در داشبورد ذخیره می کند .

OpenCart admin page

پیکربندی ماژول

  • مقداری محتوای ساختگی در فیلد “Hello World Code” وارد کنید .
  • لایه بندی ، موقعیت ، وضعیت و ترتیب چینش آن را مانند تصویر زیر تنظیم کنید .

Module configuration options

 

ایجاد یک کنترلر فروشگاهی

  1. به catalog/controller/module بروید و یک فایل PHP تازه ایجاد کنید .
  2. نام آن فایل را php بگذارید .
  3. فایل را در IDE دلخواه خود باز کنید و از OpenCart Class Naming Convention یعنی class ControllerModuleHelloworld extends Controller {}  استفاده کنید .
  4. یک تابع پیش فرض OpenCart درون کلاس ایجاد کنید ، یعنی : public function index() {}  . ( می توانید به مقاله از مبتدی تا پیشرفته : آشنایی با MVC مراجعه کنید ) .
  5. در داخل تابع index() ، کد زیر را بنویسید :

در اینجا کنترلر خود را ایجاد کرده ایم .

توجه داشته باشید که برای اینکه بدانید چه کاری در حال انجام است ، کامنت های پس از هر کد در بالا را بخوانید .

ایجاد یک Store View

  1. به پوشه قالب پیش فرض store خود بروید ؛مسیر پوشه من این است : catalog/view/theme/default/template/module
  2. یک فایل قالب تازه ایجاد کنید .
  3. نام آن را tpl بگذارید .
  4. می توانید HTML خود را بنویسید تا محتوای ماژول تان را نمایش دهد . من HTML را به این روش نوشتم :

ایجاد یک فایل زبانی

  1. یک فایل زبانی php درون catalog/language/(language)/module خود ایجاد کنید .
  2. مقداری داده های زبانی در فایل زبانی خود اضافه کنید . فایل من به این صورت شد :

اگر سایت تان چندزبانه است ، فایل زبانی را در تمام زبان های خود بگذارید .

تا اینجا چکار کردیم ؟

اساسا ماژول ما کار می کند ، زیرا یک ورودی منفرد را از داشبورد می گیرد و آن را در فروشگاه front-end نمایش می دهد . ما در این زمینه مقداری داده های ساختگی از ماژول Hello World در back-end اضافه کرده ایم و لایه ها و محل هایی را که ماژول ها در آن ها باید نمایش داده شوند ، تنظیم کرده ایم . در مورد ما ، آن لایه ها Contact و Account هستند و موقعیت هایشان به ترتیب در Column Left و Column Right هستند .

امتحان کردن کار انجام شده

در اینجا کار مربوط به نوشتن یک ماژول برای front-end فروشگاهمان را انجام داده ایم . اما هیچ گاه فرض نکنید که بدون امتحان کردن کد کار می کند .

  1. می توانید یا به صفحهContact Us ازانتهای front-end فروشگاه بروید یا با کلیک بر روی لینک http://localhost/OpencartStore/index.php?route=information/contact
  2. در اینجا ماژول ما باید در موقعیت تعریق شده اش باشد . درست مانند تصویر زیر :

Module shown on the front-end

بسیار عالی ! ماژول در موقعیت و لایه صحیح نمایان می شود . یعنی تمام کارمان را به درستی انجام داده ایم . علاوه براین می توانید بررسی کنیدکه ماژول تان در Accounts Layout نمایان می شود یا خیر . اگر تمام مرحله ها را به درستی انجام داده باشید ، در آن جا هم باید نمایان شود .

نتیجه گیری

تا اینجا مهم ترین کار در مجموعه توسعه اپن کارت را انجام داده اید . همان طورکه در مقدمه این مقاله گفتم ، توسعه ماژول ها برای OpenCart برای مبتدی ها آسان است و آن ها می توانند این کار را انجام دهند .

در مجموعه های بعدی ، بر روی ادغام API با OpenCart و توسعه چند تم تمرکز می کنیم . امیدوارم که از این مقاله ها لذت برده باشید . کارهای جالب زیادی در راه است !

حسن موحد

عاشق طراحی وب سایت هستم و 8 سال هست در این زمینه فعالیت می کنم و تمرکزم بر روی خرسند نگه داشتن مشتری است .

ارسال نظر