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

شورت کدهای ووکامرس کدهای کوتاهی هستند که عموملا داخل [براکت] قرار میگیرند و استفاده از آنها محتوای خاصی را نمایش میدهند بعنوان مثال اگر به هر دلیلی برگه سبد خرید را در ووکامرس حذف کرده باشید میتوانید یک برگه جدید با نان دلخواه ایجاد کنید و شورت کد [ woocommerce_cart] را داخل برگه قرار دهید تا محتوای مروبط به سبد خرید در آن ایجاد شود. شورت کدهای زیادی در ووکامرس وجود دارد که هر کدام محتوای خاصی را بر میگرداند با ادامه این مقاله از آموزش وردپرس همراه باشید تا لیست شورت کدهای ووکامرس بهمراه کاربردشان را ارائه دهیم

شورت کد ووکامرس چیست

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

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

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

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

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

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

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

آشنایی با شورت کد حساب کاربری ووکامرس و صفحات خرید

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

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

[ woocommerce_cart]

جهت نمایش دادن صفحه پرداخت در سایت خود از این شورت کد می‌توانید استفاده کنید:

[ woocommerce_checkout]

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

[ woocommerce_my_account]

جهت نمایش دادن صفحه پیگیری سفارش در سایت خود از این شورت کد می‌توانید استفاده کنید:

[ woocommerce_order_tracking]

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

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

اگر وارد صفحه سبد خرید در ووکامرس شوید موارد زیر را مشاهده خواهید کرد:

• نام محصولات
• تعداد محصولات
• قیمت محصول
• فیلد کد تخفیف
• و…

اگر وارد صفحه پرداخت شوید که مربوط به تسویه حساب است موارد زیر را مشاهده خواهید کرد:

• فرایند های خرید
• مشخصات خرید
• سفارشات
• و…

اگر وارد صفحه حساب کاربری شوید که مربوط به تسویه حساب است موارد زیر را مشاهده خواهید کرد:

• سفارش های اخیر
• آدرس حمل و نقل
• پرداخت ها و صورت حساب ها
• تنظیمات و اطلاعات حساب کاربری
• لیست سفارشات و خرید و دانلودها و…
• و…

اگر وارد صفحه پیگیری سفارش شوید که مربوط به تسویه حساب است موارد زیر را مشاهده خواهید کرد:

• کسب آگاهی از فرایند سفارش
• وارد کردن اطلاعات مورد نیاز برای سفارش
• مشاهده مراحل طی شده محصولات سفارش داده شده
• و…

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

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

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

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

این شورت جهت نمایش دادن تمام محصولات استفاده می‌شود:

[ products]

به کمک این شورت کد می‌توانید از طریق شناسه و کد SKU محصولات خود را نمایش دهید:

products ids=”number” skus=”number”

در کد بالا id همان شناسه محصول است که باید عدد آن را به جای number قرار دهید. و در بخش کد SKU شناسه ای که مربوط به همان محصول است را قرار دهید.

نمایش ویژگی های محصول به کمک شورت کدها

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

• limit: نمایش تعداد محصول
• columns: نمایش تعداد ستون ها
• orderby: مشخص کردن ترتیب نمایش محصولات
  1. date: نمایش بر اساس زمان انتشار
  2. menu_order: مشخص کردن ترتیب چیدمان به صورت دستی
  3. popularity: چیدمان بر اساس تعداد خرید
  4. rand: چیدمان به شکل تصادفی
  5. rating: براساس میانگین نرخ در محصول
  6. title: بر اساس عنوان
• skus: یک فهرست از محصول های skus
• category: فهرست نماد دسته ها
• order: چیدمان به شکل صعودی یا نزولی
• on_sale: دسته محصولات شامل تخفیف یا حراج
• best_selling: نمایش دادن پرفروش ترین محصولات
• top_rated: نمایش دادن محصولات بر اساس امتیاز

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

برخی از ویژگی های خاص محصول:

best_selling : برای نمایش محصولات پرفروش استفاده می‌شود. (در ادامه گفتیم که چگونه آن را true تنظیم کنید).
 on_sale : برای نمایش محصولات تخفیف دار و حراج استفاده می‌شود. (در ادامه گفتیم که چگونه آن را true تنظیم کنید).

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

شورت کدهای ووکامرس و نحوه مرتب کردن محصولات به کمک فیلدهای متا سفارشی در این بخش گفته شده است. برای اینکه از کدهای این بخش بتوانید در ووکامرس خود استفاده کنید ابتدا “پیشخوان وردپرس” را باز کنید و وارد بخش “نمایش” شوید و در آنجا روی “ویرایشگر پوسته” کلیک کنید. در قسمت “پرونده ها” که در بخش چپ قرار گرفته است، فایل “functions.php” را باز کنید.

در این بخش می‌توانید به ویرایش فایل “شخصی سازی کلید متا” بپردازید و این کدها را در آنجا قرار دهید. 

add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' );
function woocommerce_shortcode_products_orderby( $args ) {
$standard_array = array('menu_order','title','date','rand','id');
if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) {
$args['meta_key'] = $args['orderby'];
$args['orderby'] = 'meta_value_num';
}
return $args;

نحوه نمایش صفحه محصول :

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

[ product_page id=”99″]

نحوه نمایش محصولات مشابه:

array(
‘limit’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘title’
)

نمایش دکمه افزودن به سبد خرید:

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

array(
‘id’ => ’99’,
‘style’ => ‘border:4px solid #ccc; padding: 12px;’,
‘sku’ => ‘FOO’
‘style’ => ‘TRUE’
‘class’ => ‘CSS-CLASS’
)

نمایش آدرس صفحه اضافه کردن به سبد خرید:

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

array(
‘id’ => ’99’,
‘sku’ => ‘FOO’
)

نمایش اطلاعیه های مربوط به ووکامرس در سایر صفحات:

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

[ shop_messages]

رفع عیب در لیست شورت کدهای وردپرس

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

گاهی اوقات شورت کد نوشته ممکن است در میان تگ قرار گرفته باشد. دقیقا مانند چیزی که در تصویر زیر مشاهده می‌کنید:

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

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

بخش پایانی

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