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

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

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

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

 

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

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

'attributes'
'availability_html'
'backorders_allowed'
'dimensions'
'dimensions_html'
'display_price'
'display_regular_price'
'price'
'image'
'image_id'
'is_downloadable'
'is_in_stock'
'is_purchasable'
'is_sold_individually'
'is_virtual'
'max_qty'
'min_qty'
'price_html'
'sku' 
'variation_description'
'variation_id'
'variation_is_active'
'variation_is_visible'
'weight'
'weight_html'

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

add_action( 'woocommerce_after_add_to_cart_form', 'woocommerceir_echo_variation_info' );
 
function woocommerceir_echo_variation_info() {
   global $product;
   if ( ! $product->is_type( 'variable' ) ) return;
   echo '<div class="var_info"></div>';
   wc_enqueue_js( "
      $(document).on('found_variation', 'form.cart', function( event, variation ) {   
         $('.var_info').html(variation.price_html); // این قسمت کد را با توجه به نیاز خود مشخص کنید     
      });
   " );
}

به عنوان مثال شما می توانید تکه کد را بدین شکل تغییر دهید.

.html(variation.price_html);

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

چنانچه در استفاده از این تکه کد با مشکلی مواجه شدید یا به تکه کد دیگری نیاز داشتید، برای ما کامنت بگذارید.

5/5 - (1 امتیاز)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *