دادچی

کلاسینو
آموزش وردپرس

مشکل نمایش ایمیل ووکامرس – ریسپانسیو شدن ایمیل ووکامرس

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

مشکل نمایش ایمیل ووکامرس

مشکل نمایش ایمیل ووکامرس به دو روش از بین میرود.

  • روش اول استفاده از افزونه
  • روش دوم کدنویسی

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

افزونه ای WP HTML Mail

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

ریسپانسیو شدن ایمیل ووکامرس در یک دقیقه

برای ریسپانسیو شدن ایمیل ووکامرس در موبایل مراحل را با من قدم به قدم پیش ببرید تا در عرض یک دقیقه ایمیل های خرید مشتری های خود را به زیبایی ریسپانسیو شده تماشا کنید.

برای شروع به هاست خود بروید.

در بخش مدیریت فایل ها وارد پوشه public_html بشوید.

در این پوشه فایل های قالب وردپرس قرار دارد.وارد پوشه wp-content شده و سپس پوشه plugins را باز کنید.

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

پوشه woocommerce را انتخاب کنید و سپس وارد پوشه templates شوید.حال پوشه emails را انتخاب کنید.آخرین فایل با نام email-styles.php را انتخاب کنید.بر روی فایل دابل کلیک کرده و یا کلیک راست و ویرایش فایل را بزنید.

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

public_html/wp-content/plugins/woocommerce/templates/emails

بعد از باز شدن فایل به آخرین خط فایل رفته و قبل از علامت ?> کدهای زیر را جایگذاری نمایید.

#template_container, #template_header_image, #template_header, #template_body, #template_footer {
width:100% !important;
max-width:600px !important;
min-width:320px !important;
}
#wrapper {
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

نکته بسیار مهم:

مطالب پیشنهادی:
رجیستر کردن گوشی مسافرتی

به دلیل اینکه فایل ویرایش شده در بخش افزونه های ووکامرس است با هر بروزرسانی این افزونه تغییرات شما از بین میرود.برای حل این مشکل کد بالا را در بخش از سیستم خود ذخیره کنید و بعد از هر بروزرسانی این کد را در همان فایل email-styles.php قرار دهید.

5/5 - (3 امتیاز)
CWS

تبلیغات

2 دیدگاه

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

    1. سلام ناصر زینالی عزیز
      خیلی عالی، از این که توانسته ایم رضایت شما را جلب کنیم بسیار خرسندیم.

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

نشانی ایمیل شما منتشر نخواهد شد.

دکمه بازگشت به بالا