הצגת מוצרי ווישליסט עם ליסטינג גריד

דף הבית » הצגת מוצרי ווישליסט עם ליסטינג גריד

לקוחות רבים אוהבים לשמור לעצמם מוצרים שהם מתכננים לרכוש בהמשך.
בשביל זה קיימת האפשרות להוסיף מוצרים לרשימת אהובים – Wishlist.
זו לא רק חוויה נוחה ללקוח, אלא גם כלי שיווקי מעולה להגדלת מכירות והחזרות לאתר.

בפוסט הזה נלמד איך להציג את רשימת המוצרים האהובים של כל משתמש באתר WooCommerce, בעיצוב מותאם אישית באמצעות JetWishlist ו־JetEngine (של Crocoblock).

אם עד היום המוצרים האפשרות להציג את המוצרים הנבחרים הייתה באמצעות ווידג'ט ווישליסט מובנה, שלא איפשר עיצוב חופשי, הרי שכיום ניתן להציג את המוצרים הנבחרים באמצעות ליסטינג גריד של ג'ט!

שלב 2: הוספת קוד PHP ליצירת מאקרו מותאם

כדי שנוכל להשתמש במידע מתוך רשימת הווישליסט בשאילתות JetEngine, ניצור מאקרו מותאם אישית שמחזיר את המוצרים שנשמרו על ידי המשתמש.

ניתן להכניס את הקוד הבא לתבנית האתר (functions.php) או להשתמש בתוסף snippets כמו Code Snippets:

<?php
add_action( 'jet-engine/register-macros', function(){

if( ! function_exists( 'jet_cw' ) ){
    return;
}

class Products_From_Wishlist extends \Jet_Engine_Base_Macros {

    public function macros_tag() {
        return 'products_from_wishlist';
    }

    public function macros_name() {
        return 'Products from Wishlist';
    }

    public function macros_callback( $args = array() ) {
        if( ! filter_var( jet_cw()->wishlist_enabled, FILTER_VALIDATE_BOOLEAN ) ){
            return array();
        }

        $wishlist = jet_cw()->wishlist_data->get_wish_list();

        return $wishlist;

    }
}

new Products_From_Wishlist();

} );

שלב 3: יצירת שאילתת מוצרים מתוך Wishlist

עברו ל־JetEngine → Query Builder

לחצו על "הוספת שאילתה חדשה"

תנו לשאילתה שם ברור

עברו ללשונית Post & Page
בשדה Post In בחרו באופציה Products from Wishlist מתוך רשימת המאקרואים (זהו המאקרו שיצרנו קודם)

שלב 4: בניית עמוד Wishlist עם Listing Grid

פתחו עמוד חדש (למשל: wishlist)
הוסיפו אליו ווידג'ט מסוג Listing Grid
בלשונית Custom Query הגדירו את השאילתה שיצרנו

עצבו את הפריט ב־Listing בהתאם לצורך (תמונה, כפתור הוספה לעגלה וכו')

וזהו!

כעת, בכל כניסה לעמוד הווישליסט – יוצגו בו רק המוצרים שנשמרו על ידי הגולש כמוצרים אהובים.
אין יותר צורך בווידג'ט קבוע ומוגבל של JetWishlist – עכשיו ניתן לעצב את העמוד בדיוק כפי שתרצו.

מאמרים אחרונים

הצגת מוצרים מקושרים של ווקומרס באמצעות ליסטינג גריד

הצגת מוצרים מקושרים בווקומרס באמצעות ליסטינג גריד משפרת מכירות ומעצימה את חוויית המשתמש, עם עיצוב דינמי ופתרון מותאם אישית.

שינוי צבע של אפשרויות בחירה בטופס אלמנטור

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