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

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

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

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

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

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

افزونه ای 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;
}