/ در آموزش وردپرس / نویسنده

آموزش استفاده از کدهای کوتاه

آموزش استفاده از شورت کد ها در ووکامرس

سلام دوستان؛

در هنگام نصب ووکامرس،خوشبختانه  برگه های مورد نیاز آن نصب و راه اندازی می گردد. برگه های مهمی مانند برگه ی فروشگاه، محصولات، سبد خرید و… اما ممکن است بخواهیم از بعضی از برگه ها به عنوان امکانات بیشتر استفاده کنیم.ولی آن ها را در ووکامرس به صورت پیش فرض مشاهده نمی کنیم.

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

افزونه ی WooCommerce Shortcodes

woocommerce-shortcode-hamyarwp

این افزونه به وردپرس امکان استفاده از شورت کدهای ووکامرسی را می دهد و در ویرایشگر وردپرسی آن ها را ایجاد و اضافه می کند.
به پیشخوان وردپرس رفته و در قسمت افزونه ها، افزونه ی مورد نظر را نصب و سپس فعال می کنیم. سپس به بخش برگه ها مراجعه می کنیم…

add-shortcode-hamyarwp

همانطور که در تصویر بالا ملاحظه می کنید دکمه ای با عنوان “woocommerce” در ویرایشگر وردپرس اضافه شده است که تمامی شورت کد های ووکامرسی را در خود دارد.

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

برای این کار می توانیم از دکمه ی ووکامرس موجود در ویرایشگر دکمه ی خرید یا گزینه ی Price/Card button را اضافه کنیم.

price-button-hamyarwp

زمانی که این گزینه را کلیک می کنیم مطابق انتظار شما باید یک شورت کد را برای شما در ویرایشگر وارد کند اما اینطور نیست و با تصویری مانند زیر مواجه خواهید شد:

ID-hamyarwp

در اینجا از شما قسمت های ورودی که باید وارد شورت کد شوند و در آن موجود باشند را از شما طلب می کند. مثلا شما در بخش آی دی می توانید آی دی مربوط به محصول مورد نظر خود را وارد کنید.

نکته!!! آیدی محصول شما در بخش محصولات مشخص شده است.

product-id-hamyarwp

با نگه داشتن ماوس بر روی هر محصول، آیدی آن مشخص خواهد شد.

می توانید آی دی محصول مورد نظر را در قسمت ID وارد کنید و سپس مشاهده خواهید کرد که کد محصول شما در شورت کد قایل ملاحظه است.

add-to-code-hamyarwp

کد محصول مورد نظر من ۱۰ بود و همانطور که می بینید در شورت کد موجود است. حال با هم برگه را مشاهده می کنیم ببینیم این شورت کد به چه صورت نمایش داده می شود.

add-to-page-hamyarwp

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

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

lists-hamyarwp

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

جمع بندی!

برای افزودن امکانات بیشتری به فروشگاه خود راه دیگری با کمک شورت کدها میسر خواهد شد. می توانید با کمک گرفتن از شورت کدهای ووکامرسی امکانات بسیار زیادی به فروشگاه خود اضافه کنید.

متشکرم که ما را همراهی کردید!

منبع : همیار وردپرس

مروری بر مطالب

چگونه با افزونه Easy Pricing Tables جدول قیمت بسازیم؟

چگونه با افزونه Easy Pricing Tables جدول قیمت بسازیم؟ سلام دوستان؛ گاهی قصد فروش محصولی که دارای آپشن های مختلفی…

آشنایی با سئوی فروشگاه در ووکامرس

آشنایی با سئوی فروشگاه در ووکامرس سلام دوستان؛ مبحث سئو یکی از مبحث های مهم است که بارها برای وردپرس…

ارسال دیدگاه