.innotent

איך להוסיף אופציה לבחירת כמויות בקטלוג מוצרים בווקומרס

הקדמה

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

*הערה: יש פתרון דומה שנותן יותר חופש עיצובי ע״י שימוש בתוסף של Crocoblock אך במדריך זה נתמקד בפתרון מהיר בקוד

עריכת קבצי תבנית ע״י הטמעת קוד

  1. בפאנל הניהול בוורדפרס נכנסים לעיצוב –> עורך קבצי תבניות

2. בצד שמאל של המסך נפתחה לנו רשימה, אנחנו נחפש בה את קובץ הפונקציות functions.php ונלחץ עליו

בתוך אזור הקוד שנפתח לנו נרד למטה עד הסוף ונזין שם את הקוד הבא:

				
					add_filter( 'woocommerce_loop_add_to_cart_link', function( $html, $product ) {
    if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
        $html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="wcb2b-quantity" method="post" enctype="multipart/form-data">';
        $html .= woocommerce_quantity_input( array(), $product, false );
        $html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
        $html .= '</form>';
    }
    return $html;
}, 10, 2 );
				
			

באופן הבא:

נשמור את השינויים והופ! יש לנו אלמנט של בחירת כמויות בקטלוג המוצרים באתר.