בכדי לשנות את העיצוב של האימיילים שווקומרס שולחת, ניתן להוסיף Inline CSS על ידי שימוש בהוק woocommerce_email_header
. ניתן לעשות זאת בצורה הבאה, הוסיפו את הקוד הבא לקובץ functions.php
:
<?php
/**
* WooCommerce
* Add inline CSS to emails sent out
*/
function sv_add_css_to_woo_email() {
echo '<style type="text/css">
h1 {
text-align: center !important;
color: #DDD;
}
</style></pre>';
}
add_action( 'woocommerce_email_header', 'sv_add_css_to_woo_email' );
עדיף להשתמש בהוק של
כדי להוסיף עיצובים למייל. זאת מאחר ו-WC משתמשים בספריה חיצונית כדי להמיר עיצוב CSS מלא ל-css inline על ה-HTML כדי שתהיה תמיכה יותר טובה בכל email client.
השימוש באופן הבא:
יש גם פרמטר נוסף להוק, $email, שמאפשר לבדוק תנאים מסוימים לגבי האימייל שנשלח וכך להתנות את העיצוב לפי זה 🙂
תכלס, תודה רבה על המידע 🙂