اگر می خواهید دکمه “انتخاب گزینه ها” را برای محصولات متغیر در فروشگاه ووکامرس خود تغییر دهید, این مقاله را تا انتها بخونید چرا که این پست قصد دارد یک راه حل حرفه ای برای سفارشی سازی این دکمه ارائه دهد.
به طور پیش فرض، همه محصولات متغیر در ووکامرس با دکمه انتخاب گزینه ها نمایش داده می شوند. وقتی مشتریان روی این دکمه کلیک می کنند، به صفحه محصول واحد هدایت می شوند تا محصول متغیری را که به دنبال آن بودند انتخاب کنند. مشتریان این دکمه را فشار می دهند تا نشان دهند که به خرید محصول علاقه مند هستند.
این بدان معناست که بهینه سازی آن می تواند تأثیر زیادی بر فروشگاه شما داشته باشد. این امر به این دلیل است که با خرید کاربر پسندتر و ساده تر، روند خرید را می توان بهبود بخشید.
توجه به این نکته ضروری است که روش های زیادی برای سفارشی سازی دکمه انتخاب گزینه ها وجود دارد. می توانید از یک افزونه استفاده کنید ، اما در نهایت سایت شما سنگین میشود و منجر به افزایش زمان بارگذاری می شود. به همین دلیل ما تصمیم گرفتیم این آموزش مختصر را ایجاد کنیم.
دکمه خرید ووکامرس برای محصولات متغیر
در پایان راهنمای امروز، می توانید متن دکمه گزینه های انتخاب شده را تغییر دهید. ما یک قطعه کد سفارشی را برای تغییر پرونده های اصلی ووکامرس برای دستیابی به نتیجه دلخواه به اشتراک می گذاریم. قبل از ادامه ، باید تم کودک را نصب یا ایجاد کنید. این امر باعث می شود که تغییرات شما در حین بروزرسانی از بین نرود.
مراحل افزودن دکمه خرید برای محصول متغیر
- ابتدا وارد حساب کاربری خود شود و به پنل ادمین کل بروید.
- از منوی نمایش, زیر منوی ویرایشگر پوسته را انتخاب کنید. بعد از باز شدن برگه ویرایشگر, فایل functions.php را باز کنید.
- کد های زیر را به این فایل اضافه کنید :
add_filter( 'woocommerce_product_single_add_to_cart_text', 'sevencloner_custom_cart_button_text', 10, 2 ); add_filter( 'woocommerce_product_add_to_cart_text', 'sevencloner_custom_cart_button_text', 10, 2 ); function sevencloner_custom_cart_button_text( $button_text, $product ) { if ( $product->is_type( 'variable' ) ) $button_text = __('خرید فوری', 'woocommerce'); return $button_text; }
- نتیجه مثل تصویر زیر خواهد بود :