نقد و بررسی

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

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

4
03 مرداد 1400
آخرین بروزرسانی: 14 آبان 1402

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

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

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

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

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

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

 

functions.php

choosearea

قبل از هر اقدامی از 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 مراجعه کنید و کد زیر را وارد کنید.

add_action( ‘woocommerce_single_product_summary’, ‘add_to_cart_button_woocommerce’, 20 );

function add_to_cart_button_woocommerce() {echo ‘قیمت جشنواره’;}

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

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

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

محصول پیشنهادی
بنر
افزونه Woo cart all in one، افزونه سبد خرید و تسویه حساب سریع ووکامرس
دسته بندی : افزونه فروشگاهی
67
فروش
81%
رضایت

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

برای تغییر رنگ دکمه افزودن به سبد خرید در ووکامرس، باید یک قطعه کد 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;}

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

فاطمه سامانی
فاطمه سامانی
فاطمه هستم و نزدیک به دو ساله فعالیتم تو حوزه سئو و وردپرس جدی شده. به نظر من "تنها کسی که تو دنیا می تونه کمکت کنه خودتی، پس به خودت باور داشته باش"
افزونه وردفنس، پلاگین wordfence به همراه کانفیگ رایگان
357000 تومان
افزونه دیجیتس✔️ ثبت نام با شماره موبایل Digits
353000 تومان
افزونه WP Rocket؛ افزونه راکت افزایش سرعت وردپرس
359000 تومان
افزونه یواست سئو، دانلود yoast seo premium
355000 تومان
به جواب سوالت رسیدی؟
0
0
0
0
0
4
مقالات مرتبط
بنر
آموزش گام به گام بسته نصب آسان در لوکال هاست
اگر در لوکال هاست وب سایت خود را راه اندازی کنید می توانید یکباره وب سایت خود را به هاست منتقل کنید. یعنی بدون آنکه نیاز به هاست و دامنه داشته باشید، سایت را بدون استرس و نگرانی راه اندازی می کنید  و پس از مطمئن شدن از همه تغییرات دلخواهتان، آن را به هاست اصلی انتقال می دهید. همچنین در مصرف ...
بنر
آموزش نصب و فعالسازی ioncube در زمپ
ionCube Loader ماژولی است که برای اجرای فایل های رمزگذاری شده روی سرور نصب می شود. نصب و فعالسازی ioncube به سادگی انجام می شود. در صورت فعال نبودن ionCube شما با خطا مواجه می شوید. اما راهکار ساده رفع این خطا نصب ionCube در کمتر از چند دقیقه است که در ادامه به توضیح آن به صورت ویدئویی می پردازیم.
بنر
آموزش قالب وودمارت؛ آموزش صفر تا صد طراحی فروشگاه
اگر می خواهید یک سایت حرفه ای طراحی کنید که کلیه امکانات یک فروشگاه آنلاین را داشته باشد کافی است یکی از 50 دموی فارسی و اختصاصی مانند دیجی کالا و موتن رو قالب وودمارت را نصب و استفاده کنید. همچنین این قالب فروشگاه ساز به همراه اپلیکیشن ارائه شده و کاربران می توانند یک نسخه از وب سایت را روی ...
بنر
آموزش نصب آسان قالب وردپرس در Cpanel
شاید شما هم این جمله را شنیده باشید. در کم تر از 10 دقیقه سایت وردپرس خود را نصب کنید. در نگاه اول به نظرتان این جمله فقط یک تبلیغ برای جذب مخاطب به نظر می‌رسد اما کاملا درست است. کافی است از بسته نصب آسان وردپرس استفاده کنید تا سایت شما در کم تر از 10 دقیقه، روی هاست نصب شود. با هم نصب قالب ...
4 دیدگاه
arman123
arman123
17 آذر 1400 18:26

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

آیا مفید بود ؟
0
sahar1212
sahar1212
08 آذر 1400 14:29

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

آیا مفید بود ؟
0
نیما یکزمان
نیما یکزمان
24 آبان 1400 06:29

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

آیا مفید بود ؟
0
ندا صادقیان
ندا صادقیان
30 آبان 1400 09:01

سلام دوست گرامی
یکی از راه های قرار داده ادامه مطلب در وردپرس استفاده از تگ more در ویرایشگر نوشته های وردپرسه، یکی دیگر از روش ها ویرایش فایل single.php ه که امکان استفاده از این روش بستگی به قالب شما داره ، در این مورد بزودی مقاله ای تالیف خواهیم کرد

آیا مفید بود ؟