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

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

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

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

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

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

اجازه دهید ما مستقیماً وارد آن شویم.

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

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

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

در اینجا مراحل ساده ای است که باید دنبال کنید:

  • وارد سایت وردپرس خود شوید و به عنوان کاربر مدیر به داشبورد دسترسی پیدا کنید.
  • از منوی داشبورد ، روی منوی ظاهر> منوی ویرایشگر تم کلیک کنید. هنگامی که صفحه ویرایشگر تم باز می شود ، به دنبال فایل توابع موضوع باشید تا عملکرد را برای افزودن SKU در صفحه فروشگاه اضافه کنید.
  • کد زیر را به فایل php اضافه کنید:
/**
 * Adds product SKUs above the "Add to Cart" buttons
 **/
function sevencloner_shop_display_skus() {
    global $product;
    if ( $product->get_sku() ) {
        echo '<div class="product-meta">SKU: ' . $product->get_sku() . '</div>';
    }
}
add_action( 'woocommerce_after_shop_loop_item', 'sevencloner_shop_display_skus', 9 );
  • این نتیجه است:

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

if ( $product->get_sku() ) {
    echo '<div class="product-meta">SKU: ' . $product->get_sku() . '</div>';
}

در عوض با این یکی:

if ( $product->has_weight() ) {
    echo '<div class="product-meta"><span class="product-meta-label">Weight:</span> ' . $product->get_weight() . ' ' . esc_attr( get_option( 'woocommerce_weight_unit' ) ) . '</div>';
}

این نتیجه است:

نتیجه

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

اگر به قابلیت های اضافی نیاز دارید ، با ما تماس بگیرید. امیدواریم این راه حل برای شما مفید بوده باشد.

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


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

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

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

مقالات پیشنهادی

جاوا اسکریپت

جاوا اسکریپت یک زبان پویا و محبوب مبتنی بر شیء, داینامیک و مفسری می باشد. این زبان برای برنامه نویسی سمت سرور و کلاینت استفاده میشود که ...


۸۴
۰
۱۳ آذر ۱۳۹۹

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...


۱۳۶
۰
۱۳ آذر ۱۳۹۹

هوش مصنوعی

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


۹۵
۰
۱۱ آذر ۱۳۹۹

نود جی اس

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


۱۲۸
۰
۱۲ آذر ۱۳۹۹