ווידג'ט TABS של קרוקובלוק מאפשר לנו להציג מגוון רחב של תוכן דינאמי, בונוסף ניתן להציג ולהסתיר לשוניות במידה ואין תוכן בתוכו. במקרה שלי בניתי ללקוח עמוד סינגל למוצר ובתוכו הוספתי את ווידג'ט ה- TABS של קרוקובלוק,
בעזרת הקוד הבא אני מציג את מאפייני המוצר שמופיעים ב"מידע נוסף" בעמוד המוצר בתוך אחת הלשוניות.
את הקוד ניתן להטמיע בקובץ ה- Functions.php בתבנית הבת או עם תוסף כמו Code Snippets בגירסה החינמית ואם תרצו אז ניתן לרכוש את הגירסה בתשלום מכאן.
אגב, אם תרצו שה- TABS ריקים לא יופיעו אם אין בהם תוכן אז תוכלןו להתקין את התוסף Jet Hide Empty Items של קרוקובלוק וזהו, אין צורך להגדיר אותו, הטאבים שלא יהיו בהם תוכן לא יופיעו כברירת מחדל.
את השורטקוד הזה [product_attributes_table] נזין בלשונית שנרצה להציג בה את ה"מידע נוסף", ב- Content Type נבחר ב- Editor ובעורך התוכן נלחץ על האייקון הדינאמי ונבחר ב"שורטקוד" ושם נזין את השורטקוד שלנו
בסופו של דבר כשביצענו את הכל כמו שצריך כך יראה עמוד המוצר עם ווידג'ט הלשוניות של JET וטבלת המאפיינים בלשונית שבחרנו.
// יצירת שורטקוד להצגת טבלת תכונות של מוצר
function pik_show_product_attributes_shortcode( $atts ) {
if ( ! function_exists( 'wc_get_product' ) ) {
return '<p>WooCommerce לא פעיל</p>';
}
global $product;
if ( ! $product && isset( $atts['id'] ) ) {
$product = wc_get_product( intval( $atts['id'] ) );
}
if ( ! $product || ! is_a( $product, 'WC_Product' ) ) {
return '<p>לא נמצא מוצר להצגת תכונות.</p>';
}
ob_start();
wc_display_product_attributes( $product );
return ob_get_clean();
}
add_shortcode( 'product_attributes_table', 'pik_show_product_attributes_shortcode' );