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

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

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

در برگه‌​ها و نوشته​‌ها می​‌توان از شورت‌کدهای ووکامرس استفاده کرد. اگر از ویرایشگر بلوک استفاده می​‌کنید، نخست باید بلوک کد کوتاه را انتخاب کنید.

1 2 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

یافتن کدهای کوتاه در گوتنبرگ

سپس شورت‌کدهای ووکامرسی که مد نظرتان است را جایگذاری کنید. به عنوان مثال برگه سبد خرید…

2 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

وارد کردن شورت‌کد نمونه

اگر از ویرایشگر کلاسیک وردپرس استفاده می‌کنید، فقط کافیست شورت​‌کدهای ووکامرس را در محل مد نظرتان قرار دهید. یعنی در سمت ویرایشگر متن.

پارامترها یا آرگومان​‌ها

بعضی از شورت​‌کدهای ووکامرس با پارامترها یا آرگومان​‌ها همراه هستند. آرگومان​‌ها این امکان را فراهم می‌​کنند که بتوان از شورت​کدها یا کدهای کوتاه ووکامرس به شکل مطلوب‌​تری استفاده کرد. به عنوان مثال اگر “id=”99 را به کد کوتاه اضافه کنیم، یک دکمه افزودن به سبد خرید برای محصولی که آیدی آن 99 است، ایجاد می​‌شود.

3 3 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

شورت​‌کدهای ووکامرس

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

  • سبد خرید شما در حال حاضر خالی است.

    بازگشت به فروشگاه

    برگه کارت یا همان سبد خرید را نشان می‌​دهد.
  • برگه پرداخت را نشان می‌​دهد.
  • ورود

    عضویت

    برگه حساب مشتری را نشان می‌​دهد.
  • برای پیگیری سفارش ، لطفا شماره سفارش و آدرس ایمیل خود را در کادرهای زیر وارد کرده و دکمه پیگیری را فشار دهید . شماره سفارش از طریق رسید و ایمیلی که به شما ارسال شده در اختیارتان قرار گرفته است .

    فرم پیگیری سفارش را نشان می‌​دهد.

در برخی از موارد، شورت‌کدهای ووکامرس توسط Wizard Onboard به صورت خودکار به برگه​‌ها اضافه می‌​شوند و نیازی نیست که شما به صورت دستی این کار را انجام دهید.

شورت​‌کد Cart

این شورت‌​کد در برگه کارت یا همان سبد خرید استفاده می​‌شود و محتوای سبد خرید، رابط کاربری برای کدهای تخفیف و سایر محتوای مرتبط با سبد خرید را نشان می​‌دهد.

آرگومان​‌ها: این شورت‌کد آرگومانی ندارد.

سبد خرید شما در حال حاضر خالی است.

بازگشت به فروشگاه

شورت​‌کد Checkout

در برگه پرداخت استفاده می‌​شود و فرآیند پرداخت را نشان می‌​دهد.

آرگومان‌​ها: این شورت​‌کد آرگومانی ندارد.

شورت​‌کد My Account

این شورت​‌کد، بخش حساب من را نشان می‌​دهد. در این بخش، مشتری می‌​تواند سفارش​‌های پیشین خود را مشاهده کرده و اطلاعات کاربری خود را بروزرسانی کند. همچنین می‌​توان تعداد سفارش​‌هایی که در این بخش نمایش داده می​‌شود را سفارشی​‌سازی کرد. در حالت پیش​‌فرض، ۱۵ سفارش آخر نمایش داده می​‌شود (اگر می​‌خواهید تمامی سفارشات نمایش داده شود از ۱- استفاده کنید).

آرگومان‌​ها :

4 3 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

شورت​‌کد Order Tracking

به کاربر امکان می​‌دهد که با وارد کردن جزئیات، سفارش خود و وضعیت آن را مشاهده کند.

آرگومان​‌ها: این شورت​‌کد آرگومانی ندارد.

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

شورت​‌کد Products

توجه: در هسته ووکامرس از نسخه 3.6 به بعد، چندین بلوک محصول قرار داده شده است. پیکربندی این بلوک​‌ها نسبت به شورت‌​کدهای ووکامرس ساده‌​تر است.

شورت​‌کد

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

شورت​‌کد

به شما این امکان را می​‌دهد که محصولات را با استفاده از آیدی نوشته، SKU، دسته​‌ها و ویژگی​‌ها نمایش دهید و همچنین از صفحه‌​بندی، نمایش تصادفی و برچسب​‌های محصول نیز پشتیبانی می‌​کند. بدین ترتیب دیگر نیازی به استفاده از شورت​کدهای
,
,
, , و
که در نسخه ​های قبل از 3.2 استفاده می‌شدند، نیست.

ویژگی‌​های موجود برای محصول

ویژگی‌​های زیر را می​‌توان به همراه شورت​‌کد

مورد استفاده قرار داد. به منظور درک آسان‌​تر، این ویژگی​‌ها را با توجه به تابع اولیه به بخش‌​های زیر تقسیم کرده​ و در ادامه مطلب چند مثال برای درک بهتر این موضوع آورده‌ایم.

ویژگی​‌های نمایش محصول

  • limit – تعداد محصولاتی که می​‌خواهیم نمایش داده شود. پیش​‌فرض 15 است و 1- تمامی محصولات را نمایش می‌​دهد.
  • columns – تعداد ستون​‌های نمایش​ داده شده، پیش‌​فرض 4 است.
  • paginate – فعال‌سازی صفحه​‌بندی. به همراه limit به کار می‌​رود. پیش‌​فرض آن مقدار false دارد. به منظور فعال‌سازی باید مقدار آن را برابر با true قرار دهیم.
  • orderby – مرتب​‌سازی محصولات نمایش داده شده براساس معیار انتخابی. می‌​توان با استفاده از نامک‌​ها یک یا چند معیار انتخاب کرد، نامک​‌ها باید با فاصله از هم جدا شوند. معیارهای زیر قابل استفاده هستند:
    • تاریخ انتشار محصول
    • آیدی نوشته محصول
    • ترتیب منو، اگر تنظیم شود شماره​‌های پایین‌​تر نخست نمایش داده می​‌شوند.
    • تعداد خریدها (محبوبیت)
    • به صورت تصادفی (ممکن است در بعضی از سایت​‌ها که از کش استفاده می‌​کنند درست کار نکند)
    • میانگین امتیازات محصول
    • عنوان محصول (گزینه پیش‌​فرض این وِیژگی همین مورد است)
    • skus – لیست SKUهای محصولات که با کاما (،) از هم جدا شده‌​اند.
  • category – لیست نامک​‌های دسته​‌ها که با کاما (،) از یکدیگر جدا شده‌​اند.
  • tag – لیست نامک‌​های برچسب​‌ها که با کاما (،) از یکدیگر جدا شده‌​اند.
  • order – مشخص می​‌کند که آیا ترتیب نمایش محصولات که در ویژگی orderby تعیین شده است صعودی (ASC) باشد یا نزولی (DESC). مقدار پیش‌​فرض ASC است.
  • class – یک کلاس دربرگیرنده HTML اضافه می‌کند که می‌​توان از آن به منظور تعیین استایل خروجی با CSS استفاده کرد.
  • on_sale – محصولات در حال فروش را برمی​‌گرداند. نباید با best_selling یا top_rated استفاده شود.
  • best_selling – محصولاتی که بهترین فروش را داشته‌​اند، برمی​‌گرداند. نباید با on_sale یا top_rated استفاده شود.
  • top_rated – محصولاتی که بالاترین امتیاز را دارند، برمی​‌گرداند. نباید با on_sale یا best_selling استفاده شود.

ویژگی‌​های محتوای محصول

  • attribute – محصولاتی که از یک نامک ویژگی معین استفاده می‌​کنند، را برمی​‌گرداند.
  • terms – لیست گزاره​‌های ویژگی‌​ها را برمی​‌گرداند که باید به همراه attribute استفاده شود.
  • terms_operator – عملگر مورد استفاده برای مقایسه گزاره​‌ها. عملگرهای زیر قابل استفاده​ هستند:
    • AND – محصولات تمامی ویژگی​‌های انتخابی را نمایش خواهد داد.
    • IN – محصولات موجود در وِیژگی انتخابی را نمایش خواهد داد. مقدار پیش​‌فرض term_operator همین مقدار است.
    • NOT IN – محصولاتی را که در ویژگی یا ویژگی​‌های انتخابی وجود ندارند، نمایش خواهد داد.
  • tag_operator – عملگر مورد استفاده برای مقایسه برچسب​‌ها. عملگرهای زیر قابل استفاده هستند:
    • AND – محصولات موجود در تمامی برچسب‌​های انتخابی را نمایش می​‌دهد.
    • IN – محصولات موجود در برچسب​‌های انتخابی را نمایش می​دهد. مقدار پیش‌​فرض tag_operator همین مقدار است.
    • NOT IN – محصولاتی را که در برچسب‌​های انتخابی قرار ندارند، نمایش می​‌دهد.
  • visibility – محصولات را بر اساس قابلیت مشاهده نمایش می​‌دهد. گزینه​‌های زیر در دسترس است:
    • visible – محصولاتی که در فروشگاه و نتایج جستجو قابل مشاهده هستند، را نمایش می​‌دهد. مقدار پیش‌​فرض visibility همین مقدار است.
    • catalog – محصولاتی را نشان می​‌دهد که فقط در فروشگاه قابلیت مشاهده دارند، نه در نتایج جستجو.
    • search – محصولاتی را نشان می​دهد که فقط در نتایج جستجو قابلیت مشاهده دارند، نه در فروشگاه.
    • hidden – محصولاتی که از دید فروشگاه و جستجو مخفی شده‌​اند و فقط با URL مستقیم قابلیت مشاهده دارند را نشان می​‌دهد.
    • featured – محصولاتی را نشان می‌​دهد که به عنوان ویژه یا شاخص نشان​‌گذاری شده‌​اند.
  • category – محصولات را با استفاده از نامک دسته معین شده، برمی​‌گرداند.
  • tag – محصولات را با استفاده از نام برچسب معین شده، برمی​‌گرداند.
  • cat_operator –عملگر مورد استفاده برای مقایسه گزاره​‌های دسته. عملگرهای زیر در دسترس است:
    • AND – محصولاتی را نشان می‌​دهد که متعلق به تمامی دسته‌​های انتخابی باشند.
    • IN – محصولاتی را نشان می​‌دهد که در دسته انتخابی قرار داشته باشند. مقدار پیش‌​فرض cat_operator همین مقدار است.
    • NOT IN – محصولاتی را نشان می‌دهد که در دسته انتخابی قرار ندارند.
  • ids – محصولات را بر اساس لیست آیدی برگه​‌ها نمایش می​‌دهد.
  • skus – محصولات را بر اساس لیست SKUها نمایش می​‌دهد.

اگر محصول نمایش داده نمی​‌شود، بررسی کنید که در بخش قابلیت مشاهده کاتالوگ، بر روی “Hidden” تنظیم نشده باشد.

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

ویژگی​‌های ویژه محصول

این ویژگی​‌ها را نمی‌​توان به همراه ویژگی‌​های محتوا به کار برد، زیرا این احتمال وجود دارد که یک تعارض در بین آن‌ها بوجود بیاید و در نتیجه نمایش داده نشوند. شما فقط می​‌توانید یکی از ویژگی‌های ویژه زیر را استفاده کنید:

  • best_selling – محصولاتی که بهترین فروش را دارند، نمایش می​‌دهد. مقدار آن باید برابر true تنظیم شود.
  • on_sale – محصولاتی که در حال فروش هستند، را نمایش می‌​دهد. مقدار آن باید برابر true تنظیم شود.

مثال​هایی برای استفاده از کدهای کوتاه ووکامرس در سناریوهای مختلف محصولات

در سناریوهای زیر از یک فروشگاه لباس به عنوان نمونه استفاده کرده‌​ایم.

سناریوی شماره 1 – اقلام فروش تصادفی

می​‌خواهیم چهار محصول تصادفی برای فروش را نمایش دهیم. از کد زیر استفاده می​‌کنیم:

5 2 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

این شورت​کد چهار محصول در چهار ستون (یک ردیف) تنظیم می​‌کند و محبوب​‌ترین اقلام در حال فروش را نمایش می​‌دهد. همچنین کلاس quick-sale را نیز اضافه می​‌کند که می​‌توان از آن به منظور تعیین استایل در پوسته استفاده کرد. خروجی به شکل تصویر زیر خواهد بود:

6 2 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

مشاهده صفحه محصولات

سناریوی شماره 2 – محصولات ویژه

می​‌خواهیم محصولات ویژه را به نحوی که در هر ردیف دو محصول قرار بگیرد و حداکثر چهار آیتم نمایش داده شود، نمایش دهیم.

7 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

توضیح شورت‌کدهای ووکامرس بالا بدین شرح است: حداکثر 4 محصول در دو ستون بارگذاری خواهد شد و این محصولات باید ویژه باشند. همچنین از برخی مقادیر پیش​‌فرض نیز استفاده می​‌شود، هر چند که به شکل صریح تعریف نشده​‌اند؛ مثلا مرتب‌​سازی براساس عنوان محصول و طبق حروف الفبا انجام می‌شود.

8 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

نمایش ستونی محصولات

سناریوی شماره 3 – محصولاتی که بهترین فروش را داشته‌​اند

می​‌خواهیم سه محصول که بهترین فروش را داشته‌​اند، با کمک شورت‌کدهای ووکامرس در یک ردیف نمایش دهیم.

9 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

10 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

بررسی پرفروش‌ترین محصولات فروشگاه

سناریوی شماره 4 – جدیدترین محصولات

می​خواهیم جدیدترین محصولات قبل از سایر محصولات نمایش داده شوند و چهار محصول در یک ردیف نمایش داده شود. برای انجام این کار از آیدی نوشته​‌ها (که در زمان ساخت برگه محصول ایجاد می​‌شود) به همراه دستورات order و orderby استفاده می‌​کنیم. از آنجایی که امکان مشاهده آیدی نوشته​‌ها در فرانت​اند یا سمت کاربر میسر نیست، آیدی​‌ها بر روی تصاویر نوشته شده‌​اند.

12 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

11 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

نمایش جدیدترین محصولات فروشگاه

سناریوی شماره 5 – دسته​‌بندی​‌های معین

می‌​خواهیم دسته​‌های کاپشن (hoodies) و پیراهن (shirts) نمایش داده شود اما دسته لوازم جانبی (accessories) نمایش داده نشود. همچنین می​‌خواهیم که محصولات در دو ردیف با چهار ستون نمایش داده شود.

13 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

اگر بخواهیم محصولاتی که در این دو دسته هستند، نمایش داده نشود، کافی است در cat_operator بجای AND از NOT IN استفاده کنیم.

14 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

توجه کنید که اگرچه حداکثر تعداد را 8 عدد انتخاب کرده‌​ایم، اما فقط 4 محصول وجود دارد که با معیار انتخابی مطابقت دارند، بنابراین فقط چهار محصول نمایش داده می‌شود.

سناریوی شماره 6 – نمایش ویژگی

هر یک از لباس‌​ها با توجه به فصل مناسب دارای یک ویژگی بهار/تابستان یا پاییز/زمستان هستند. بعضی از محصولات دارای هر دو ویژگی هستند. در این مثال می‌​خواهیم در هر ردیف سه محصول را نمایش دهیم به نحوی که همگی اقلام مربوط به بهار/تابستان باشند، از نامک ویژگی season استفاده می​‌کنیم و ویژگی‌​ها نیز warm و cold هستند. همچنین می‌خواهیم ابتدا محصولات جدیدتر نمایش داده شوند.

15 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

اگر بخواهیم منحصرا محصولات فصل سرد را نمایش دهیم، می‌​توانیم به terms_operator عملگر NOT IN را اضافه کنیم.

16 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

توجه کنید که استفاده از NOT IN باعث می‌​شود محصولاتی که در هر دو دسته بهار/تابستان و پاییز/زمستان هستند نیز حذف شوند. اگر می​‌خواستیم تمامی محصولاتی که برای فصل سرد مناسب هستند، و همچنین محصولاتی که برای هر دو فصل مناسب هستند را نمایش دهیم، باید بجای warm از cold استفاده می​‌کردیم.

سناریوی شماره 7 – فقط نمایش محصولاتی که دارای برچسب “hoodie” هستند

17 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

استفاده از کدهای کوتاه ووکامرس به منظور مرتب​‌سازی محصولات با زمینه‌​های متای سفارشی

در هنگام استفاده از شورت‌کدهای ووکامرس برای محصولات، شما می​‌توانید محصولات را با استفاده از مقادیر از پیش تعریف شده مرتب کنید. همچنین می​‌توانید از زمینه‌​های متای سفارشی نیز استفاده کنید. بدین منظور باید از کد زیر استفاده کنید (در این مثال مرتب ​سازی محصولات براساس قیمت صورت گرفته است):

18 1 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

باید قطعه کد بالا را در فایل فانکشن (functions.php) پوسته قرار داده و سپس با استفاده از meta_key آن را سفارشی کنید.

دسته محصول

دو شورت‌​کد زیر، دسته​‌های محصولات را در هر برگه‌​ای نمایش خواهند داد.

ویژگی​‌های دسته‌​های محصولات

  • ids – تعیین آیدی دسته​‌های خاص به منظور تهیه لیست
  • limit – تعداد دسته‌​هایی که قصد نمایش آن‌ها را داریم.
  • columns – تعداد ستون​‌ها به منظور نمایش دسته​‌ها. پیش‌​فرض مقدار 4 است.
  • hide_empty – مقدار پیش‌​فرض “1” است که دسته​‌های خالی را پنهان می​‌سازد. اگر برابر “0” تنظیم شود، دسته​‌های خالی نیز نمایش داده می‌​شوند.
  • parent – آیدی دسته​ والد که می​‌خواهیم تمامی دسته​‌های فرزند آن نمایش داده شوند.
  • orderby – مقدار پیش‌​فرض نام است که می‌​تواند مقادیر آیدی، نامک و یا ترتیب منو را نیز در برگیرد. اگر مایل هستید که با تعیین آیدی​‌های معین نمایش داده شود، می‌​توانید از “orderby=”include استفاده کنید.
  • order – مشخص می‌​کند که روش تعیین شده در orderby به صورت صعودی (ASC) باشد یا نزولی (DESC). مقدار پیش‌​فرض صعودی است.

استفاده از شورت​کدهای ووکامرس در چند سناریوی نمونه برای دسته محصول

سناریوی شماره 8 – فقط نمایش دسته‌​های سطح بالا

فرض کنید می​‌خواهید فقط دسته​‌های سطح بالا (دسته‌​هایی که والد ندارند) را در یک برگه نشان دهید و زیردسته​‌ها را حذف کنید. با استفاده از شورت‌کدهای ووکامرس زیر می‌​توانید این کار را انجام دهید.

19 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

برگه محصول

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

20 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

محصولات مرتبط

لیست کردن محصولات مرتبط.

آرگومان‌ها:

21 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

پارامتر limit: توجه کنید که پارامتر “limit” فقط تعیین می​‌کند که چه تعداد محصول در برگه نمایش داده شود و قابلیت صفحه‌​بندی را به شورت‌کدهای ووکامرس اضافه نمی​‌کند.

افزودن به سبد

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

آرگومان​‌ها:

22 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

URL افزودن به کارت

نمایش URL دکمه افزودن به سبد یک محصول با استفاده از آیدی.

آرگومان​‌ها:

23 آشنایی با شورت‌کدهای ووکامرس شورت کدها در وردپرس, ووکامرس

نمایش آگاه​سازهای ووکامرس در برگه​‌هایی که ووکامرس نیستند

شورت‌کدهای ووکامرس مانند

به شما این امکان را می‌​دهد که آگاه‌​سازهای ووکامرس (مانند محصول به سبد اضافه شد) را در برگه‌​های غیرووکامرسی نمایش دهید. این شورت​‌کد می‌​تواند هنگام استفاده از سایر شورت​‌کدها، مانند [add_to_card، مفید باشد. همچنین مطلوب است که کاربران بر اساس عملی که انجام می​‌دهند، بازخوردی دریافت کنند.

عیب ​یابی کدهای کوتاه در ووکامرس

اگر کد کوتاه ووکامرس را وارد کرده‌​اید اما ظاهر نمایش مشکل دارد، نخست اطمینان حاصل کنید که کد کوتاه را در بین تگ‌های <pre> قرار نداده باشید. این یک مشکل مرسوم است. به منظور حذف این تگ‌ها به ویرایش برگه رفته و روی گزینه زبانه متن همانند تصویر زیر کلیک کنید.

یکی دیگر از مشکلات رایج کدهای کوتاه در وکامروس، این است که علامت نقل قول مستقیم (“) به شکل علامت نقل قول مورب (“) نمایش داده می‌شود. برای اینکه شورت‌کدهای ووکامرس عمل کنند، باید از علامت نقل قول مستقیم استفاده کنید.