ארכיונים: Snippets | עמוד 13

ישנם מספר סיטואציות בהן תקבלו את השגיאה HTTP Error כשאתם מנסים להעלות תמונות לספריית המדיה באתר וורדפרס:

• שם קובץ בעייתי (סימנים מיוחדים וכדומה).
• משקל הקובץ הוא מעבר למה שהשרת מאפשר (upload_max_size).
• זכרון PHP בשרת אינו מספיק.
• אין מספיק שטח אחסון בשרת.

שגיאת HTTP בספריית המדיה של וורדפרס.

אז בתור התחלה בדקו את שם הקובץ ונסו להקטין את משקל הקובץ. בכדי להגדיל את הזיכרון הוסיפו את הקוד הבא לקובץ wp-config.php הנמצא בתיקייה הראשית של האתר:

define( 'WP_MEMORY_LIMIT', '256M' );

ניתן גם לעשות זאת דרך קובץ .htaccess, אך במידה וחברת האחסון שלכם חוסמת אפשרות זו תקבלו שגיאה 500 (Internal Server Error), אז שימו לב ואל תבצעו בדרך זו אם זה המצב (פשוט מחקו את השורה).

php_value memory_limit 256M

אם יש לכם גישה לקובץ php.ini אז ניתן לעשות זאת על ידי הקוד הבא:

memory_limit = 256M

במצבים מסויימים גם ModSecurity בשרת יכול למנוע מכם להעלות קבצים. ניתן לבטל אותו דרך cPanel או לנסות את השורות הבאות בקובץ .htaccess (בטלו אם מופיעה שגיאה). נציין כי ישנה סיבה טובה ש ModSecurity קיים לטובת אבטחת אתר הוורדפרס שלכם:

SecFilterEngine Off 
SecFilterScanPOST Off 

הנה פוסט רחב יותר המדבר על פתרון בעיות בהעלאת תמונות לאתרי וורדפרס. תנו מבט!

הקובץ gitignore מסמן ל Git לא לעקוב (track) אחר קבצים מסוימים בפרויקט. אם מדברים על וורדפרס, הנה קובץ gitignore מומלץ שניתן לשנות בהתאם לצורך הפרויקט שלכם. לעוד על תיקיית mu-plugins שהקובץ כולל, תנו מבט במדריך המקושר.

# -----------------------------------------------------------------
# .gitignore for WordPress
# -----------------------------------------------------------------

# ignore everything in the root except the "wp-content" directory.
/*
!wp-content/

# ignore all files starting with .
.*

# track this file .gitignore (i.e. do NOT ignore it)
!.gitignore

# track .editorconfig file (i.e. do NOT ignore it)
!.editorconfig

# track readme.md in the root (i.e. do NOT ignore it)
!readme.md

# ignore all files that start with ~
~*

# ignore OS generated files
ehthumbs.db
Thumbs.db

# ignore Editor files
*.sublime-project
*.sublime-workspace
*.komodoproject

# ignore log files and databases
*.log
*.sql
*.sqlite

# ignore compiled files
*.com
*.class
*.dll
*.exe
*.o
*.so

# ignore packaged files
*.7z
*.dmg
*.gz
*.iso
*.jar
*.rar
*.tar
*.zip

# ignore everything in the "wp-content" directory, except:
# "mu-plugins" directory
# "plugins" directory
# "themes" directory
wp-content/*
!wp-content/mu-plugins/
!wp-content/plugins/
!wp-content/themes/

# ignore these plugins from the core
wp-content/plugins/hello.php
wp-content/plugins/akismet/

# ignore specific themes
wp-content/themes/twenty*/

# ignore node/grunt dependency directories
node_modules/

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

ווקומרס בגירסה 3.0+

/**
 * Show product weight on archive pages
 */
add_action( 'woocommerce_after_shop_loop_item', 'savvy_show_weights', 9 );

function savvy_show_weights() {

    global $product;
    $weight = $product->get_weight();

    if ( $product->has_weight() ) {
        echo '<div class="product-meta"><span class="product-meta-label">Weight: </span>' . $weight . get_option('woocommerce_weight_unit') . '</div></br>';
    }
}

בכדי להוסיף את מימדי המוצר בעמודי ארכיון של ווקומרס תחת כותרת המוצר עליכם להוסיף את הקוד הבא לקובץ functions.php של תבנית הבת שלכם או לתוסף כלשהו כגון Code Snippets המאפשר הוספה של פונקציות מסוג זה.

ווקומרס בגירסה 3.0+

/**
 * Show product dimensions on archive pages for WC 3+
 */
add_action( 'woocommerce_after_shop_loop_item', 'savvy_show_dimensions', 9 );

function savvy_show_dimensions() {
    global $product;
    $dimensions = wc_format_dimensions($product->get_dimensions(false));

        if ( $product->has_dimensions() ) {
                echo '<div class="product-meta"><span class="product-meta-label">Dimensions: </span>' . $dimensions . '</div>';
        }
}

ווקומרס בגירסה נמוכה מ 3.0

/**
 * Show product dimensions on archive pages WC 3 and below
 */
add_action( 'woocommerce_after_shop_loop_item_title', 'wc_show_dimensions', 9 );

function wc_show_dimensions() {
	global $product;
	$dimensions = $product->get_dimensions();

        if ( ! empty( $dimensions ) ) {
                echo '<span class="dimensions">' . $dimensions . '</span>';
        }
}

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

/**
 * Automatically add product to cart on visit
 */
add_action( 'template_redirect', 'add_product_to_cart' );
function add_product_to_cart() {
	if ( ! is_admin() ) {
		$product_id = 64; //replace with your own product id
		$found = false;
		//check if product already in cart
		if ( sizeof( WC()->cart->get_cart() ) > 0 ) {
			foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
				$_product = $values['data'];
				if ( $_product->get_id() == $product_id )
					$found = true;
			}
			// if product not found, add it
			if ( ! $found )
				WC()->cart->add_to_cart( $product_id );
		} else {
			// if no products in cart, add it
			WC()->cart->add_to_cart( $product_id );
		}
	}
}

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

/**
 * Add another product depending on the cart total
 */
add_action( 'template_redirect', 'add_product_to_cart' );
function add_product_to_cart() {
  if ( ! is_admin() ) {
		global $woocommerce;
		$product_id = 2831; //replace with your product id
		$found = false;
		$cart_total = 30; //replace with your cart total needed to add above item

		if( $woocommerce->cart->total >= $cart_total ) {
			//check if product already in cart
			if ( sizeof( $woocommerce->cart->get_cart() ) > 0 ) {
				foreach ( $woocommerce->cart->get_cart() as $cart_item_key => $values ) {
					$_product = $values['data'];
					if ( $_product->get_id() == $product_id )
						$found = true;
				}
				// if product not found, add it
				if ( ! $found )
					$woocommerce->cart->add_to_cart( $product_id );
			} else {
				// if no products in cart, add it
				$woocommerce->cart->add_to_cart( $product_id );
			}
		}
	}
}

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

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

/**
 * Send an email each time an order with coupon(s) is completed
 * The email contains coupon(s) used during checkout process
 *
 */ 
function woo_email_order_coupons( $order_id ) {
        $order = new WC_Order( $order_id );
        
        if( $order->get_used_coupons() ) {
        
          $to = '[email protected]';
	        $subject = 'New Order Completed';
	        $headers = 'From: My Name <[email protected]>' . "\r\n";
	        
	        $message = 'A new order has been completed.\n';
	        $message .= 'Order ID: '.$order_id.'\n';
	        $message .= 'Coupons used:\n';
	        
	        foreach( $order->get_used_coupons() as $coupon) {
		        $message .= $coupon.'\n';
	        }
	        @wp_mail( $to, $subject, $message, $headers );
        }
}
add_action( 'woocommerce_thankyou', 'woo_email_order_coupons' );}

סניפט קצר בו אני משתמש רבות כשאני נדרש לבצע גלילה לאלמנט מסויים (by ID). פשוט שנו את ׳600׳ למהירות בה אתם רוצים שהגלילה תתבצע (ms) וזהו. אתם יכולים גם לשנות את הסלקטור a[href*="#"] כמובן לאיזה סלקטור שתבחרו.

$('a[href*="#"]').on('click', function (e) {
	e.preventDefault();

	$('html, body').animate({
		scrollTop: $($(this).attr('href')).offset().top
	}, 600, 'linear');
});

נחמד לא? מוזמנים לתת מבט בדמו שיצרתי ב Codepen.  אם אתם נתקעים אגב בבעיות של גלילה שאינה חלקה, ובכלל בעיות של ביצועי גלילה ו Frontend, אז תנו מבט בקישור המצורף מספר מילים קודם לכן… 🙂

אכלתי את הראש, אבל הנה גם פוסט המתאר כיצד ליצור אנימציות גלילה (On-Scroll Animations) ממש נחמדות באמצעות הספרייה AOS.

WooCommerce יודע להפנות את הגולשים לעמוד עגלת הקניות (Cart Page) לאחר הוספת מוצר לעגלה, אך אין בו הגדרה שמפנה ישירות לעמוד התשלום (Checkout Page). לשם כך תצטרכו את הפילטר woocommerce_add_to_cart_redirect.

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

הפניה לעמוד התשלום לאחר הוספה לעגלה

הוסיפו את הקוד הבא לקובץ functions.php של תבנית הבת שלכם או לתוסף משלכם:

/**
 * Send customers straight to checkout after adding a product to the cart.
 */
function savvy_add_to_cart_redirect_checkout( $url ) {
    return wc_get_checkout_url();
}
add_filter( 'woocommerce_add_to_cart_redirect', 'savvy_add_to_cart_redirect_checkout' );

לאחר מכן גשו אל WooCommerce > הגדרות > מוצרים וסמנו את הפניה לסל הקניות אחרי הוספת מוצר (Redirect to the cart page after successful addition) תחת ״פעולה בעת ההוספה לסל הקניות״. בחלק הבא אסביר למה ההגדרה הזו חשובה.

איך זה עובד?

כאשר מוצר נוסף באמצעות שליחת טופס רגילה או באמצעות קישור ?add-to-cart=, WooCommerce מעביר את כתובת ההפניה דרך woocommerce_add_to_cart_redirect. אם הפילטר מחזיר כתובת, WooCommerce מפנה אליה, בלי קשר למה שנקבע בהגדרות.

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

מדריכים ישנים משתמשים ב-WC()->cart->get_checkout_url(). מתודה זו מוגדרת כ-deprecated מאז גרסה 2.5 של WooCommerce. היא עדיין עובדת, אך מציגה הודעת deprecation ובפועל קוראת ל-wc_get_checkout_url(), לכן השתמשו ישירות בפונקציה.

הוספה לעגלה ב-AJAX והגדרת ההפניה

בעמוד החנות ובעמודי הקטגוריות, המוצרים נוספים בדרך כלל באמצעות AJAX, בהתאם להגדרה הפעל אפשרות כפתור AJAX של "הוסף לסל הקניות" בעמוד ארכיון המוצרים (Enable AJAX add to cart buttons on archives).

בקשת AJAX אף פעם לא מגיעה לקוד ההפניה ב-PHP, ולכן הפילטר לבדו נראה לא פעם כאילו אינו עושה דבר בעמודי הארכיון.

WooCommerce מטפל במצב הזה באמצעות הגדרת ההפניה:

• ההגדרה כבויה: הכפתורים בעמודי הארכיון מוסיפים את המוצר ברקע, והגולש נשאר באותו עמוד. הפילטר שלכם משפיע רק על עמודי מוצר בודדים ועל קישורי הוספה לעגלה.
• ההגדרה פעילה: לאחר שבקשת ה-AJAX מצליחה, הסקריפט מפנה לכתובת עגלת הקניות, וגם הכתובת הזו עוברת דרך woocommerce_add_to_cart_redirect. כשהסניפט פעיל, התוצאה היא עמוד התשלום.

בתבניות בלוקים, הבלוקים Product Button ו-Add to Cart with Options משתמשים בקישור רגיל או בשליחת טופס רגילה כאשר ההגדרה פעילה, כך שגם הם עוברים דרך הפילטר.

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

הפניה עבור מוצרים מסוימים בלבד

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

function savvy_add_to_cart_redirect_courses( $url, $product ) {
    if ( $product instanceof WC_Product && has_term( 'courses', 'product_cat', $product->get_id() ) ) {
        return wc_get_checkout_url();
    }
    return $url;
}
add_filter( 'woocommerce_add_to_cart_redirect', 'savvy_add_to_cart_redirect_courses', 10, 2 );

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

אם קישור מוסיף ישירות מזהה (ID) של וריאציה, $product יהיה אותה וריאציה, ולכן במקרה כזה בדקו את get_parent_id() שלה.

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

שאלות נפוצות

שאלות נפוצות על הפניה לעמוד התשלום לאחר הוספה לעגלה:

הסניפט הבא מאפשר לכם להגביל את החיפוש בוורדפרס לסוג תוכן ספציפי (Custom Post Types) כך שיתקבלו תוצאות אך ורק מסוג תוכן זה. הוסיפו ל functions.php וקבעו בשורה מספר 4 את סוג או סוגי התוכן עליהן יתבצע החיפוש.

function SearchFilter($query) {
  if ($query->is_search) {
    // Insert the specific post type you want to search
    $query->set('post_type', 'feeds');
  }
  return $query;
}

// This filter will jump into the loop and arrange our results before they're returned
add_filter('pre_get_posts','SearchFilter');