כיצד להכין נושא WordPress WooCommerce מוכן

הפוך את נושא ה- WooCommerce שלך ​​ל WordPress לתואם עם תיזות קטעים מועילים

אז אתה רוצה להוסיף חנות לנושא שלך – מדהים! WooCommerce היא בחירה מצוינת. דיבור טכני את כל הנושאים הם “תואם WooCommerce” מכיוון שזה תוסף. בתיאוריה כל תוסף צריך לעבוד עם כל נושא וורדפרס (המקודד כראוי).


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

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

בדוק אם WooCommerce מופעל

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

// הוסף קבוע חדש שיחזור נכון אם WooCommerce פעיל
הגדירו ('WPEX_WOOCOMMERCE_ACTIVE', class_exists ('WooCommerce'));

// בדיקה אם WooCommerce פעילה
אם (WPEX_WOOCOMMERCE_ACTIVE) {
// עשה משהו...
// למשל לכלול קובץ חדש עם כל עריכות ה- Woo שלך.
}

הכרז על תמיכה ב- WooCommerce

זוהי פיסת הקוד הראשונה והחשובה ביותר להוסיף לנושא שלך אשר “מאפשרת” תמיכה ב- WooCommerce ומונעת את האזהרות מהפלאגין שאומרות למשתמש הקצה שהנושא אינו תואם.

add_action ('after_setup_theme', פונקציה () {
add_theme_support ('woocommerce');
});

הסר את WooCommerce CSS

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

הקטע הבא מיועד להסרת כל סגנונות ה- WooCommerce:

// הסר את כל סגנונות הוו
add_filter ('woocommerce_enqueue_style', '__return_empty_array');

קטע זה הוא דוגמה להסרת סגנונות CSS ספציפיים:

פונקציה wpex_remove_woo_style ($ סגנונות) {
unset ($ סגנונות ['woocommerce-general']);
unset ($ סגנונות ['woocommerce-layout']);
unset ($ סגנונות ['woocommerce-smallscreen']);
להחזיר סגנונות $;
}
add_filter ('woocommerce_enqueue_style', 'wpex_remove_woo_style');

אפשר גלריית מוצרים של WooCommerce, Zoom ו- Lightbox (v3.0 +)

ב- WooCommerce 3.0 הציגו גלריית מוצרים חדשה, זום וקלייטבוקס. כל אלה חייבים להיות מופעלים באמצעות “add_theme_support” אם ברצונך להשתמש בהם בנושא שלך.

add_theme_support ('wc-product-gallery-slider');
add_theme_support ('wc-product-gallery-zoom');
add_theme_support ('wc-product-gallery-lightbox');

הסר את כותרת החנות

להרבה נושאים יש כבר פונקציות להצגת כותרות ארכיון אז קוד זה מסיר את הכותרת הנוספת מ- WooCommerce וזה עדיף על ידי הסתרתו באמצעות CSS.

add_filter ('woocommerce_show_page_title', '__return_false');

שנה את כותרת הארכיון של החנות

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

פונקציה wpex_woo_archive_title ($ title) {
if (is_shop () && $ shop_id = wc_get_page_id ('חנות')) {
$ title = get_the_title ($ shop_id);
}
להחזיר כותרת $;
}
add_filter ('get_the_archive_title', 'wpex_woo_archive_title');

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

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

// דפי חנות ב- WooCommerce בעמוד
פונקציה wpex_woo_posts_per_page ($ cols) {
להחזיר 12;
}
add_filter ('loop_shop_per_page', 'wpex_woo_posts_per_page');

שנה את מספר העמודות המוצגות בחנות בכל שורה

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

// לשנות עמודות בחנות
פונקציה wpex_woo_shop_columns ($ עמודות) {
להחזיר 4;
}
add_filter ('loop_shop_columns', 'wpex_woo_shop_columns');

// הוסף כיתת גוף נכונה עבור עמודות בחנות
פונקציה wpex_woo_shop_columns_body_class (כיתות $) {
if (is_shop () || is_product_category () || is_product_tag ()) {
$ class [] = 'עמודות -4';
}
להחזיר שיעורים של $;
}
add_filter ('body_class', 'wpex_woo_shop_columns_body_class');

שנה את חיצי הדף הבא והקודם

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

פונקציה wpex_woo_pagination_args ($ args) {
$ args ['prev_text'] = '';
$ args ['next_text'] = '';
להחזיר $ args;
}
add_filter ('woocommerce_pagination_args', 'wpex_woo_pagination_args');

שנה את טקסט התג OnSale

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

פונקציה wpex_woo_sale_flash () {
חזור ''. esc_html __ ('מכירה', 'woocommerce'). '';
}
add_filter ('woocommerce_sale_flash', 'wpex_woo_sale_flash');

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

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

פונקציה wpex_woo_product_tattnails_columns () {
להחזיר 4;
}
add_action ('woocommerce_product_tattnails_columns', 'wpex_woo_product_tumnails_columns');

שנה את מספר המוצרים הקשורים המוצגים

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

// הגדר מוצרים קשורים להצגת 4 מוצרים
פונקציה wpex_woo_related_posts_per_page ($ args) {
$ args ['posts_per_page'] = 4;
להחזיר $ args;
}
add_filter ('woocommerce_output_related_products_args', 'wpex_woo_related_posts_per_page');

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

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

// סינון עמודות נמכרות
פונקציה wpex_woo_single_loops_columns ($ עמודות) {
להחזיר 4;
}
add_filter ('woocommerce_up_sells_columns', 'wpex_woo_single_loops_columns');

// ארגומנטים הקשורים לסינון
פונקציה wpex_woo_related_columns ($ args) {
$ args ['columns'] = 4;
להחזיר $ args;
}
add_filter ('woocommerce_output_related_products_args', 'wpex_woo_related_columns', 10);

// סנן כיתות גוף כדי להוסיף כיתת עמודות
פונקציה wpex_woo_single_loops_columns_body_class (כיתות $) {
if (is_singular ('מוצר')) {
$ class [] = 'עמודות -4';
}
להחזיר שיעורים של $;
}
add_filter ('body_class', 'wpex_woo_single_loops_columns_body_class');

הוסף קישור לעגלה דינמית ועלות עגלה לתפריט שלך

קטע זה יוסיף פריט לעגלת WooCommerce לתפריט שלך המציג את עלות הפריטים בעגלה שלך. בנוסף אם באתר שלך מופעל Font-Awesome הוא יציג סמל שקית קניות קטנה. חשוב: אסור לעטוף פונקציות אלה בתנאי is_admin () מכיוון שהם מסתמכים על AJAX כדי לעדכן את העלות, עליכם לוודא שהפונקציות זמינות כאשר is_admin () מחזיר אמת ושקר..

// הוסף את קישור העגלה לתפריט
פונקציה wpex_add_menu_cart_item_to_menus ($ פריטים, $ args) {

// וודא ששינוי 'wpex_main' למיקום התפריט שלך !!!!
if ($ args-> theme_location === 'wpex_main') {

$ css_class = 'תפריט-פריט תפריט-פריט-סוג-עגלה תפריט-פריט-סוג-woocommerce-cart';

אם (is_cart ()) {
$ css_class. = 'פריט הנוכחי-תפריט';
}

$ פריטים. = '
  • '; פריטים $. = wpex_menu_cart_item (); $ פריטים. = '
  • '; } להחזיר פריטי $; } add_filter ('wp_nav_menu_items', 'wpex_add_menu_cart_item_to_menus', 10, 2); // פונקציה מחזירה את קישור עגלת התפריט הראשי פונקציה wpex_menu_cart_item () { $ output = ''; $ cart_count = WC () -> cart-> cart_contents_count; $ css_class = 'wpex-menu-cart-total wpex-cart-total-'. אינטל ($ cart_count); אם ($ cart_count) { url url = WC () -> cart-> get_cart_url (); } אחרת { $ url = wc_get_page_permalink ('חנות'); } $ html = $ cart_extra = WC () -> cart-> get_cart_total (); $ html = str_replace ('סכום', '', $ html); פלט $. = ''; פלט $. = ''; $ output. = wp_kses_post ($ html); פלט $. = ''; להחזיר פלט $; } // עדכן קישור לעגלה עם AJAX פונקציה wpex_main_menu_cart_link_fragments (שברי $) { שברי $ ['. wpex-menu-cart-total'] = wpex_menu_cart_item (); להחזיר שברי $; } add_filter ('add_to_cart_fragments', 'wpex_main_menu_cart_link_fragments');

    סיכום

    WooCommerce יעבוד עם כל נושא כברירת מחדל, אך הוספת תמיכה נוספת לתוסף כך שתוכל להתאים טוב יותר לנושא שלך. למעשה כתבתי את הפוסט הזה בזמן קידוד הנושא שלנו לבלוג וחנות וורדפרס של ניו יורק, כך שרוב ההתאמות הללו כלולות בנושא שלנו. או אם אתה מעדיף שתוכל לרכוש את הנושא כדי לבדוק כיצד הכל נעשה (עיין בקבצים ב- wpex-new-york / inc / woocommerce) – יתכן שזו דרך קלה יותר ללמוד כיצד להוסיף כראוי תמיכה בהתאמה אישית לתוסף WooCommerce על ידי עיון בנושא הנושא כבר מקודד.

    האם קיימים קטעי טקסט אחרים שאתה חושב ששייך לרשימה זו או שתועיל בעת פיתוח ערכות נושא חדשות מוכנות WooCommerce?

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map