Skip links

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

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

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

توضیحی مختصر درباره ووکامرس

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

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

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

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

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

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

شورت کد صفحات ووکامرس

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

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

[woocommerce_cart]

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

[woocommerce_checkout]

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

[woocommerce_my_account]

همچنین اگر بخواهید یک صفحه برای فرم “پیگیری سفارش” در نظر بگیرید می‌توانید از کد زیر استفاده کنید:

[woocommerce_order_tracking]

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

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

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

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

بررسی روند خرید در سایت

شورت کد محصولات ووکامرس

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

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

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

[products]

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

"products ids="1" skus="436
  • id: شناسه محصول.
  • شناسه SKU: شناسه مختص به هر محصول.

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

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

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

شناسه محصول

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

  • best_selling: پرفروش‌ترین محصولات را نمایش می ده. (روی true تنظیم شود).
  • on_sale: محصولات حراج و تخفیف‌دار را نمایش می ده. (روی true تنظیم شود).

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

  • : دسته‌بندی محصولات مشخص شده را نمایش میده.
    • افزونه وردپرس (31)
    • قالب وردپرس (44)
    • محصولات آموزشی (23):
    • تمامی دسته‌بندی محصولات را نمایش میده.

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

با استفاده از قطعه کد زیر هم می‌توانید محصولات را بر اساس فیلدهای متا سفارشی مرتب کنید. برای اضافه کردن این کد باید به پیشخوان وردپرس خود برید و از بخش نمایش، گزینه ویرایشگر پوسته را انتخاب کنید و بعد از بخش پرونده‌ها در سمت چپ صفحه، روی تابع 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]

عیب‌یابی شورت کد ها

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

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

بررسی درست بودن شورت کد

امیدواریم این مقاله برای شما مفید واقع شده باشد. موفق و پیروز باشید.:)

Leave a comment