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

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

تغییر متن دکمه افزودن به سبد خرید در ووکامرس

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

چگونه متن دکمه خرید در ووکامرس را تغییر دهیم؟

1. در پیشخوان وردپرس، به بخش نمایش > ویرایشگر پوسته بروید.
2. فایل functions.php را باز کنید.
3. کدهای زیر را به فایل functions.php اضافه کنید.
4. بروزرسانی پرونده را بزنید تا تغییرات ذخیره شود و بتوانید نتیجه را در وبسایت خود بررسی کنید.

⛔ قبل از هر اقدامی از Functions.php  یک کپی تهیه کنید تا در صورت بروز هر مشکل بتوانید آن را بازیابی کنید. 

add_filter('woocommerce_product_single_add_to_cart_text','custom_add_to_cart_button_woocommerce');
function custom_add_to_cart_button_woocommerce() {
return __('مشاهده صورتحساب', 'woocommerce');}

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

اضافه کردن متن به بالای دکمه افزودن به سبد خرید ووکامرس

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

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

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

محصول پیشنهادی

افزونه Woo cart all in one، افزونه سبد خرید و تسویه حساب سریع ووکامرس

دسته بندی : افزونه فروشگاهی

77

فروش

80%

رضایت

مشاهده و خرید

تغییر رنگ دکمه افزودن به سبد خرید در ووکامرس

برای تغییر رنگ دکمه افزودن به سبد خرید در ووکامرس، باید یک قطعه کد CSS به فایل style.css اضافه کنید. از طریق FTP یا داشبورد وردپرس به بخش نمایش> سفارشی سازی> اضافی CSS مراجعه کنید. در اینجا دو گزینه وجود دارد:

1. رنگ دکمه افزودن به سبد خرید را در محصولات تغییر دهید.
2. رنگ دکمه افزودن به سبد خرید را در بایگانی تغییر دهید.

تغییر رنگ دکمه افزودن به سبد خرید یک محصول

این کد را در پرونده style.css کپی کنید و رنگ ها را به رنگ مورد نظر خود تغییر دهید. در این حالت، پس زمینه قرمز و متن نقره ای خواهیم داشت.

.single-product .product .single_add_to_cart_button.button {
background-color: #FF0000;
color: #C0C0C0;}

تغییر رنگ دکمه افزودن به سبد خرید آرشیو

برای تغییر رنگ دکمه افزودن به سبد خرید در صفحه بایگانی ووکامرس، از این کد استفاده کنید و Hex Codes را به رنگی که برای فروشگاه شما مناسب است تغییر دهید.

.woocommerce .product .add_to_cart_button.button {
background-color: #FF0000;
color: #C0C0C0;}

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