شورت کد چیست + لیست کامل شورت کدهای ووکامرسی

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

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

پس اگر فروشگاه اینترنتی دارید، این مقاله را حتماً بخوانید.

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

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

این اطلاعات را گوشۀ ذهن داشته باشید و بیایید برویم سراغ لیست شورت‌ کدهای ووکامرس در دسته‌بندی اصلی.

هاست WooCommerce لیموهاست

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

شروع قیمت از
۲۴۰ هزار تومان

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

شورت کدهای اصلی ووکامرس

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

شورت‌کدهای نمایش محصولات

[product] یکی از انعطاف‌پذیرترین کدهای کوتاه ووکامرس است که اجازه می‌دهد بازدیدکنندگان لیستی از محصولات را که براساس شاخص‌های مختلف تفکیک‌شده‌اند، ببینند.

شورت‌کد مورد بحث متغیرهای گوناگونی دارد؛ متغیرهایی که امکان نمایش محصولات، دقیقاً به آن‌شکلی که مد نظرتان است را فراهم می‌کند. از جملۀ آن‌ها می‌توان به موارد زیر اشاره کرد:

• limit: تعداد محصولاتی که قرار است نمایش داده شوند را تعیین می‌کند؛ مقدار پیش‌فرض روی ۱- تنظیم شده است که به معنای نمایش همۀ محصولات است.
• columns: تعداد ستون‌هایی که قرار است نمایش داده شوند را تعیین می‌کند؛ عدد پیش‌فرض این پارامتر برابر با ۴ است.
• orderby: این پارامتر کمک می‌کند محصولات را براساس شاخص‌های مختلف مرتب کنید؛ شاخص‌هایی مثل تاریخ (date)، حرف آغازین عنوان (title)، قیمت (price) و محبوبیت (popularity).
• order: این پارامتر هم مربوط به‌ مرتب‌سازی است؛ به‌طور مشخص، متغیر مذکور نزولی یا صعودی بودن ترتیب‌بندی را معلوم می‌کند. ASC ترتیب‌بندی صعودی را نشان می‌دهد و DESC نمایانگر ترتیب‌بندی نزولی است.
• category: یک عنوان سئوپسند برای دسته‌بندی می‌سازد.
• tag: یک تگ محصول سئوپسند می‌سازد.
• pagination: امکان صفحه‌بندی را فراهم می‌کند که با دو مقدار true و false سروکار دارد. این مقدار به‌صورت پیش‌فرض روی false قرار دارد.

مثال بزنیم:

اگر می‌خواهید ۸ محصول آخر را در قالب چهار ستون نمایش دهید، به‌صورتی که ترتیب‌بندی آن‌ها براساس تاریخی باشد که به سایت اضافه شده‌اند، باید از شورت‌کد زیر کمک بگیرید:

[products limit="8" columns="4" orderby="date" order="DESC"]

در ضمن، شورت‌کد [product] می‌تواند برای نمایش یک محصول خاص هم به کار گرفته شود. محصولی که ID اختصاصی خود را دارد و باید از آن در شورت‌کد استفاده کنید. شورت کدی که در این زیر می‌بینید، محصول شمارۀ ۲۲ را نشان خواهد داد:

[product id="22"]

شورت‌کد بالا مثلاً می‌تواند به بلاگ‌پستی اضافه شود که با هدف پروموت یک محصول نوشته می‌شود.

برای نمایش چند محصول دست‌چین شده هم به ID هرکدام نیاز خواهید داشت و شورت‌کدی مثل مورد زیر به کارتان می‌آید:

[products columns="3" ids="22,35,26"]

شورت‌کد دیگری که در همین زمینه کاربرد دارد و احتمالاً به آن نیاز داشته باشید [product_page] است. این شورت‌کد هم عملکرد مشابهی با [product] دارد؛ با این تفاوت که کل صفحۀ محصول، شامل تب‌ها، محصولات مرتبط، نظرات و… را نمایش خواهد داد!

برای مثال، جهت نمایش همۀ محتویات صفحۀ محصولی که ID آن ۲۲ است، به شورت‌کد زیر نیاز خواهید داشت:

[product_page id="22"]

یک متغیر دیگر هم داریم که cat_operator است. این متغیر کنترل کاملی روی نحوۀ فیلتر کردن محصولات براساس دسته‌بندی فراهم می‌کند. گزینه‌های موجود برای این متغیر عبارتند از:

• AND: برای نمایش محصولات دسته‌بندی‌های انتخابی کاربرد دارد.
• IN: برای نمایش محصولات درون دسته‌بندی‌های انتخابی کاربرد دارد؛ مقدار پیش‌فرض متغیر همین IN است.
• NOT IN: برای نمایش محصولاتی که درون دسته‌بندی‌های انتخابی نیستند کاربرد دارد.

مثلاً، برای نمایش محصولات دو دسته‌بندی clothing و accessories، می‌توانید از متغیر AND کمک بگیرید. مثل نمونۀ زیر:

[products category="clothing, accessories" cat_operator="AND"]

همچنین، امکان صدور دستور برای عدم نمایش محصولی در یک دسته‌بندی هم فراهم است و برای آن باید از NOT IN استفاده کنید.

مثال زیر نشان می‌دهد که چطور می‌توانید تمام محصولات، به‌استثنای محصولات دسته‌بندی clothing را به نمایش بگذارید:

[products category="clothing" cat_operator="NOT IN"]

شورت‌کدهای بهینه‌سازی فرایند پرداخت و مدیریت سبد خرید

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

برای مثال، شورت‌کد [woocommerce_cart]، می‌تواند سبد خرید را، شامل تمام آیتم‌های خریداری‌شده، همراه با تعداد و قیمت هرکدام نشان دهد. درست مثل تصویر زیر:

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

کد کوتاه [woocommerce_checkout] هم کاربرد مشابهی دارد و با نمایش صفحۀ پرداخت، امکان وارد کردن اطلاعات از جانب مشتری و تکمیل سفارش را فراهم می‌کند.

این شورت‌کد هم معمولاً در صفحه‌ای قرار می‌گیرد که به‌عنوان صفحۀ پرداخت شناخته می‌شود.

شورت‌کد بعدی [woocommerce_my_account] است و برای نمایش جزئیات حساب کاربری هر بازدیدکننده به کار می‌آید. اطلاعاتی که این شورت‌کد نمایش می‌دهد شامل سفارش‌های قبلی و فعال، فایل‌های دانلودی، آدرس‌های ثبت‌شده و دیگر جزئیاتی از این دست می‌شوند.

در نهایت [woocommerce_order_tracking] را داریم که با نمایش یک فرم، به مشتری اجازه می‌دهد پس از وارد کردن شناسۀ سفارش و آدرس ایمیل، وضعیت سفارش خود را بررسی کند.

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

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

برای نمایش لیستی از دسته‌بندی‌های محصولات، می‌توانید سراغ شورت‌کد [product_categories] بروید. این شورت‌کد هم متغیرهایی دارد که امکان کاستومایز کردن آن به روش‌های مختلف را فراهم می‌کنند:

• number: تعداد دسته‌بندی‌هایی که می‌خواهید نمایش بدهید را مشخص می‌کند.
• columns: تعداد ستون‌هایی که می‌خواهید دسته‌بندی‌ها را در آن‌ها نشان بدهید تعیین می‌کند.
• orderby: این متغیر امکان مرتب‌سازی دسته‌بندی‌ها براساس شاخص‌های به‌خصوص را فراهم می‌کند.
• order: این متغیر امکان مرتب‌سازی به‌صورت صعودی یا نزولی را فراهم می‌کند؛ ASC برای صعودی و DESC برای نزولی.
• hide_empty: این متغیر مانع از نمایش دسته‌بندی‌های خالی از محصول می‌شود. تنظیم آن روی عدد ۱ این قابلیت را فعال می‌کند و انتخاب عدد ۰ به نمایش دسته‌بندی‌های خالی منجر می‌شود.

وقت آن است که یک مثال از این شورت‌کد را هم مرور کنیم؛ برای نمایش دسته‌بندی‌ محصولات در یک جدول، می‌توانید از شورت‌کد زیر کمک بگیرید:

[product_categories number="6" columns="4" orderby="name" order="ASC"]

این کد کوتاه ۶ دسته‌بندی را در ۴ ستون نشان می‌دهد که به‌صورت صعودی (براساس الفبا و حرف آغازین هر دسته‌بندی) مرتب شده‌اند.

اگر آیکون اضافه کنید، جای این تصاویر پیش‌فرض قرار می‌گیرند و ظاهر بهتری به سایتتان می‌دهند. برای انجام این کار، به Products و سپس به Categories بروید. وارد فضای ویرایش دسته‌بندی مد نظر خود شوید و صفحه را به پایین اسکرول کنید تا به Thumbnail برسید. اینجا باید آیکون یا تصویر را آپلود کنید.

اگر بنا به نمایش محصولات یک دسته‌بندی خاص باشد، باز هم [product_category] به کارتان می‌آید. متغیر per_page تعداد محصولاتی که قرار است در صفحه نمایش داده شوند را مشخص می‌کند. همچنین متغیر category را داریم که وظیفۀ سئوپسند کردن نام دسته‌بندی را بر دوش می‌کشد.

شورت‌کد زیر را ببینید:

[product_category category="clothing" per_page="8" columns="4"]

این کد کوتاه ۸ محصول از دسته‌بندی clothing را در قالب چهار ستون نشان می‌دهد.

برویم سراغ شورت‌کدهای پیشرفتۀ ووکامرس.

شورت کدهای پیشرفته ووکامرس

این دسته از شورت‌ کدهای ووکامرس از نظر ساختاری هیچ فرقی با مواردی که تا اینجا بررسی کردیم ندارند؛ تنها تفاوت در این است که پیشرفته‌ها برای موارد خیلی خاص استفاده می‌شوند و در واقع، وجود آن‌ها چندان ضروری نیست!

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

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

بالاتر به شورت‌کد [products] اشاره کردیم و گفتیم انعطاف‌پذیری خیلی زیادی دارد. وجود متغیرهای فراوان و امکان ترکیب آن‌ها با یکدیگر، اجازه می‌دهد صاحب فروشگاه اینترنتی محصولات را به‌شکل‌های مختلفی در صفحات سایت نمایش دهد.

در همان بخش که مختص بررسی این شورت‌کد بود، برخی از پرکاربردترین متغیرهای آن را زیر ذره‌بین بردیم؛ علاوه‌بر آن‌ها، متغیرهای دیگری هم وجود دارند که امکان کاستومایز کردن جوانب مختلف در سطحی بسیار بالا را فراهم می‌کنند:

• on_sale: تعیین می‌کند که آیا حراج بودن محصولات مشخص شوند یا نه؛ مقادیر این متغیر fasle و true هستند.
• best_selling: تعیین می‌کند که آیا پرفروش بودن محصولات برجسته شوند یا نه؛ این متغیر هم با دو مقدار false و true کار می‌کند.
• top_rated: تعیین می‌کند که آیا محصولات با بیشترین امتیازها مشخص شوند یا نه؛ باز هم دو مقدار false و true برای این متغیر کاربرد دارند.

موافقید چند مثال را بررسی کنیم؟

مثلاً شورت‌کد زیر علامت حراج بودن محصولات را به بازدیدکنندگان نشان می‌دهد:

[products on_sale="true" limit="8" columns="4"]

شورت‌کد زیر هم پرفروش بودن را نشان می‌دهد:

[products category="accessories" best_selling="true" limit="6" columns="3"]

شورت‌کد بالا، ۶ محصول پرفروش از دسته‌بندی accessories را در قالب ۳ ستون به تصویر می‌کشد.

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

شورت‌کدهای ووکامرس را می‌توان برای رفع نیازهای خاص به کار گرفت؛ یعنی می‌توان با آن‌ها محتوای داینامیک برای شرایط‌های مختلف ساخت!

مثلاً، [recent_products] می‌تواند محصولاتی که تازه به فروشگاه اضافه شده‌اند را نشان بدهد:

[recent_products limit="5" columns="5"]

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

[featured_products] هم کاربردی مشابه دارد. این شورت‌کد می‌توانید محصولاتی که برچسب ویژه دارند را نشان دهند؛ مثل:

[featured_products limit="4" columns="3"]

این کد کوتاه چهار محصول که برچسب ویژه دارند را با ۳ ستون به تصویر می‌کشند؛ مثل عکس زیر:

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

[sale_products limit="8" columns="3"]

اگر از افزونه‌ای استفاده می‌کنید که محصولات پرفروش را مشخص می‌کند، امکان نمایش آن‌ها با استفاده از شورت‌کد [best_selling_products] در ووکامرس وجود دارد. نمونۀ زیر برای چنین شرایطی کاربرد دارد:

[best_selling_products limit="10" columns="4"]

ضمناً، برای نمایش محصولات برتر هم می‌توانید از شورت‌کد زیر کمک بگیرید:

[top_rated_products limit="4" columns="2"]

این هم از لیست شورت کدهای ووکامرس که وعدۀ کندوکاو آن‌ها را داده بودیم.

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

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

می‌دانید که ووکامرس خودش یک افزونه است؛ اما اگر می‌خواهید سراغ شورت‌کدهای آن بروید، باید افزونه‌ای جداگانه به نام WooCommerce Shortcodes را هم روی سایت وردپرسی خود نصب کنید.

نکته: پلاگین‌های بسیاری وجود دارند که بهره‌گیری از کدهای کوتاه را ممکن می‌کنند، اما افزونه‌ای که از آن نام بردیم، بهترین آن‌ها است.

ساده‌ترین روش برای نصب این افزونه (و هر افزونۀ دیگری)، رفتن به گزینۀ افزونه‌ها در منوی کناری داشبورد وردپرس است؛ پس از آن، روی افزودن کلیک می‌کنید و به مخزن افزونه‌های وردپرس هدایت می‌شوید.

داخل فیلدی که بالای صفحه وجود دارد، عبارت Woocommerce Shortcodes را می‌نویسید و آن را نصب و فعال می‌کنید.

این افزونه نسخۀ فارسی ندارد و باید با نسخۀ انگلیسی‌زبان آن پیش بروید؛ ولی اصلاً جای نگرانی نیست، چون کار با آن بسیار ساده است.

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

و اما جمع‌بندی مقاله….

شورت‌ کدهای ووکامرس کار صاحبان فروشگاه‌های اینترنتی را راحت‌ می‌کنند!

ووکامرس، این افزونۀ فروشگاه‌ساز محبوب بین کاربران وردپرسی، از شورت‌کدهایی پشتیبانی می‌کند که کار دارندگان فروشگاه‌های اینترنتی را در جوانب مختلف تسهیل می‌کند. از نمایش محصولات (حتی به‌صورت سفارشی‌سازی‌شده گرفته) تا بهینه‌سازی امور مربوط به فرایند پرداخت.

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

با وجود اینکه تقریباً تمامی جوانب موضوع را بررسی کردیم، ممکن است همچنان سؤالاتی پیرامون این موضوع در ذهنتان وجود داشته باشد که اصلاً جای تعجب ندارد! اگر ابهامی در کار است یا سؤالی وجود دارد که پاسخ آن را دریافت نکرده‌اید، در قسمت کامنت‌های همین بلاگ‌پست منتظر مطرح کردن آن‌ها هستیم.

همچنین، می‌توانید برای تکمیل پازل دانشتان به دسته‌بندی آموزش کار با ووکامرس مراجعه کرده و مقالات مرتبط را بخوانید.

منبع: Kinsta | CloudWays