הוספת CSS לאימיילים של ווקומרס

בכדי לשנות את העיצוב של האימיילים שווקומרס שולחת, ניתן להוסיף 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' );
מצאתם טעות בקוד? הסניפט לא עובד לכם? רישמו לי בתגובות ואני מבטיח לטפל בכך במהרה ולספק סניפט תקין...
2תגובות...
  • אהרון אצ´ילדייב 20 ביוני 2021, 0:23

    עדיף להשתמש בהוק של

    woocommerce_email_styles

    כדי להוסיף עיצובים למייל. זאת מאחר ו-WC משתמשים בספריה חיצונית כדי להמיר עיצוב CSS מלא ל-css inline על ה-HTML כדי שתהיה תמיכה יותר טובה בכל email client.

    השימוש באופן הבא:

    function sv_add_css_to_woo_email( $style, $email ) {
        $style .= 'h1 { text-align: center !important; color: #DDD; }';
        return $style;
    }
    add_filter( 'woocommerce_email_styles', 'sv_add_css_to_woo_email', 10, 2 );

    יש גם פרמטר נוסף להוק, $email, שמאפשר לבדוק תנאים מסוימים לגבי האימייל שנשלח וכך להתנות את העיצוב לפי זה 🙂

    • רועי יוסף 20 ביוני 2021, 0:25

      תכלס, תודה רבה על המידע 🙂

השאירו תגובה

 

Up!
לבלוג