استفاده از کدهای کوتاه در ووکامرس

کدهای کوتاه در ووکامرس

بروز رسانی در تاریخ ۱۳۹۴/۱۲/۰۹

شورت کدها در ووکامرس

سلام دوستان؛

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

افزونه ی 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

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

جمع بندی! 

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

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

دانلود افزونه WooCommerce Shortcodes

دانلود   صفحه افزونه

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۰۱,۱۶۱ نفر

پاسخ دهید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید شاخص

  1. سلام. من برای فروشگاه خودم یک افزونه‌ی پیامک دانلود کردم. ولی میخوام نوع پرداخت (نقدی ارسال توسط پیک و پرداخت آنلاین) رو هم برام پیامک کنه. در این زمینه شورت کدی هست تا وارد کنم؟
    ممنون

  2. 9 ماه عضو همیار وردپرس

    من وقتی add to cart انتخاب میکنم بجای دکمه اضافه به سبد، آدرس سایت میاد!! اینجوری مثلا:

  3. افزونه خیلی خوبیه. فقط ۲ سال از بروزرسانیش گذشته و به نظرم جالب نیست ازش استفاده کنیم. افزونه جدیدتری نیست؟

  4. سلام
    وقتتون بخیر افزونه را بنده نصب کردم ولی آیکون که برای استفاده به قسمت افزودن محصول اضافه میشه, اضافه نشد ممنون میشم راهنمایی کنید

  5. سلام خسته نباشین
    ببخشید من میخواستم توی یکی از برگه هایی که دارم یه فایل php رو فراخوانی کنم که با
    iframe
    فراخوانیش کردم اون فایل php رو
    توی فایل php هم این متن رو نوشتم

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

  6. 1 سال عضو همیار وردپرس

    درود
    چرا برای ووکامرس آموزش جامع ویدیویی ندارید ؟

  7. 2 سال عضو همیار وردپرس

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

  8. از اینکه این مطلب را با ما به اشتراک گذاشتید خیلی ممنونم.

  9. 2 سال عضو همیار وردپرس

    با سلام
    من میخواهم در صفحه checkoutتغییراتی انجام دهم مثلا یک عنوانی را تغییر دهم و یا اینکه در سایت فروشگاهی ما یک امکانی وجود دارد که کاربر میتواند به اضای خریدش چهار تا اشانتیون ازمحصولات دیگه انتخاب کند حالا من میخواهم این ویژگی را محدود کنم به طوری که برای خرید های بالای ۵۰۰۰۰ تومان این امکان نمایش داده شود.ممنون میشم راهنماییم کنید .
    با تشکر

    • 3 سال عضو همیار وردپرس

      با احترام فعلا افزونه رایگانی برای این کار(که خوب کار کنه) پیدا نکردم اما اگر بخواهید تیم طراحی همیار وردپرس می توانند برای شما این کار را انجام دهند
      می توانید با ایمیل fallah@hamyarwp.com با تیم طراحی همیار وردپرس مکاتبه کنید.

  10. 2 سال عضو همیار وردپرس

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

    • سلام.من هم مشکل این دوستمون رو دارم.سایتم فارسیه زبانش.ووکامرس هم فارسیه.اما این کدکوتاه که نصب میکنم فارسی نیست زبانش

    • 3 سال عضو همیار وردپرس

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

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

    • 3 سال عضو همیار وردپرس

      با سلام CSS ووکامرس یا برای قالب هست یا برای افزونه.اول باید ببینید برای کجا هست بعد ادرس CSS پیدا بشه و در نهایت هم تغییر بدید.البته با بروزرسانی این تغییرات حذف میشه.

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

    • 3 سال عضو همیار وردپرس

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

  13. سلام واسه من هم نمیاره هم افزونه داخل سایت شما رو دانلود کردم و هم اون افزونه ای که داخل مخزن بود
    هر چی پلاگین ها رو هم فعال و غیر فعال هم میکنم چیزی نمیاره تو ادیتورم
    ؟؟؟؟؟؟

    • 3 سال عضو همیار وردپرس

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

  14. سلام
    من این افزونه رو نصب کردم اما بازهم شورتکات به ادیتورم اضافه نشد
    من از قالب مگاشاپ استفاده می کنم

    • 3 سال عضو همیار وردپرس

      با سلام اگر اینطور هست دو راه دارید:
      یک افزونه یا قالبی که با این افزونه مشکل داره رو پیدا و غیر فعال کنید
      دو کد رو فقط بگذارید یعنی از این سایت کد رو پیدا کنید و کپی کنید.

  15. خیلی خوب بود
    مرسی ♥

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین