נכתב ע״י רועי יוסף
עודכן ב- 17 למרץ, 2019

וריאציות מוצרים – ווקומרס (WooCommerce)

וריאיציות מוצרים - ווקומרס

וריאציות מוצרים בווקומרס מאפשרת ליצור מוצרים מסויימים להם מספר וריאציות.

למשל צבעים שונים, גדלים, מחירים ועוד. במדריך זה אלמד כיצד ליצור וריאציות מוצרים בווקומרס (Variable Products). אסביר כיצד לשייך תכונות, מונחים ווריאציות שונות למוצרים שלכם, כמו גם איך לשייך תמונות לכל אחת מוריאציות המוצרים.

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

יצירת תכונות

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

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

הוספת מונחים לתכונות - וריאצית מוצר - ווקומרס

יצירת מוצר עם וריאציות

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

וריאצית מוצר - ווקומרס

הוספת תכונות למוצרים

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

הוספת תכונות למוצרים - ווקומרס

כעת בחרו את המונחים שאתם מעוניינים בהם לאותו מוצר.

הוספת תכונות למוצר - ווקומרס
  1. וודאו כי האפשרויות מוצג בעמוד המוצר ו נועד עבור וריאציות מסומנות.
  2. בחרו את המונחים לאותו מוצר. ניתן לבחור את כל המונחים של אותה תכונה או חלקם, לדוגמה, אם מוצר מסויים קיים רק בגודל בינוני, הוסיפו רק מונח זה לאותו מוצר. לחצו על שמור תכונות.
  3. באפשרותכם ללחוץ על לבחור הכל. כפתור זה יוסיף את כל המונחים אשר שויכו לתכונה מסויימת למוצר שלכם.
  4. באפשרותכם להוסיף מונחים נוספים (שלא יצרתם לפני כן) למוצר באמצעות לחיצה על הכפתור הוסף חדש.

וריאציות

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

הוספת וריאצית מוצר - ווקומרס
  • בשדה ערכי ברירת מחדל בטופס אתם יכולים לבחור את תכונת ברירת המחדל אשר תופיע בעמוד המוצר שהלקוח רואה.
  • כאשר מוסיפים וריאציות, עריכה קבוצתית יכולה לשמש ולהקל עלינו במידה וישנם הרבה וריאציות. שדה ה Drop Down מאפשר לכם לבצע פעולות על כל קבוצת הוריאציות שהוספתם למוצר זה אך גם מאפשר לכם להוסיף וריאציה ספציפית. למשל, האפשרות הוסף וריאציות מכל התכונות תיצור אוטומטית כל וריאציה אפשרית בהתאם לתכונות ולמונחים שבחרתם לאותו מוצר. זוהי הדרך המהירה ביותר להוסיף וריאציות למוצר.
♥
הצטרפו לרשימת התפוצה!

הגדרת וריאציות

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

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

הגדרת וריאציה למוצר יחיד - ווקומרס

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

שמרו את השינויים ופרסמו את המוצר. הציגו את המוצר באתר, וברגע שתבחרו את הוריאציה שיצרנו צבע צהוב – גודל בינוני) תראו משהו בסגנון הזה בהתאם לתבנית בה אתם משתמשים:

וריאציות מוצרים - תצוגה באתר

מעוניינים להרחיב את האפשרויות של מוצר עם וריאציות?

ההרחבה הבאה תאפשר לכם להחליף את ה Drop Down של בחירת הוריאציות בתמונות וצבעים. זוהי אפשרות מצויינת בכדי להציג את כל הצבעים האפשריים של מוצר מסויים ואת הדוגמאות שלו או כל מה שאתם חושבים שיכול להיות מוצג לפי תמונה או צבע כבדוגמה הבאה:

Variation-Swatches-and-Photos.png

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

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

 

רועי יוסף
רועי יוסף

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

עוד בנושא ווקומרס וחנויות אונליין
הוסף לעגלה - Ajax בעמוד מוצר יחיד של ווקומרס
הוסף לעגלה – Ajax בעמוד מוצר יחיד של ווקומרס
הדרך הנכונה לשלוף מוצרים של ווקומרס בתבנית שלכם
הדרך הנכונה לשלוף מוצרים של ווקומרס בתבנית שלכם
46תגובות...
הוסיפו תגובה
  • נירית 12 באוקטובר 2017, 21:54

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

    הגב #
    • רועי יוסף 12 באוקטובר 2017, 21:58

      היי נירית 🙂 איני מבין את השאלה.. על איזה כמויות בדיוק את מדברת? תפרטי…

      הגב #
      • נירית 12 באוקטובר 2017, 22:05

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

        הגב #
        • רועי יוסף 12 באוקטובר 2017, 22:14

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

          הגב #
          • נירית 13 באוקטובר 2017, 12:55

            זו הבעיה, הוספתי צהוב, ירוק וכו' ולידם מראה אפס ולא 1…
            ועוד שאלה, אז כדי שיהיו שלושה אני צריכה להוסיף צהוב שלוש פעמים?

            הגב #
  • רחל 15 בדצמבר 2017, 12:49

    תודה על ההדרכה!

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

    הגב #
    • רועי יוסף 15 בדצמבר 2017, 12:55

      על לא דבר רחל 🙂
      למה את מתכוונת כשאת אומרת ״החיפוש של ווקומרס״? את מדברת על החיפוש באתר עצמו שהלקוח מבצע?

      הגב #
      • רחל 24 בינואר 2018, 2:05

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

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

        הגב #
        • רועי יוסף 24 בינואר 2018, 2:50

          הבנתי… שמח שהסתדרת 🙂 אם איזה תוסף השתמשת?

          הגב #
  • שמעון 24 בינואר 2018, 0:06

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

    הגב #
    • רועי יוסף 24 בינואר 2018, 0:10

      היי שמעון,

      אני לא מצליח לחשוב על סיבה שנמחקות הוריאציות.. צר לי שאיני יכול לעזור :/

      הגב #
      • שמעון 24 בינואר 2018, 0:11

        תודה רבה. על הניסיון. וכמובן על מהירות התשובה

        הגב #
  • Rubb 5 במרץ 2018, 16:01

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

    הגב #
    • רועי יוסף 5 במרץ 2018, 18:23

      היי רוב 🙂

      אני לא בטוח ב 100%, אך אם אינני טועה אתה יכול לתת לוריאציה מק״ט משל עצמה. אם אינך נותן אז המק״ט נלקח מהמוצר עצמו…

      הגב #
      • רוב 9 באפריל 2018, 8:46

        מצאתי לזה פתרון, הוספתי את הקוד הזה:

        add_filter( 'wc_product_has_unique_sku', '__return_false' );

        נלקח מכאן…

        הגב #
  • Rubb 6 במרץ 2018, 9:02

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

    הגב #
    • רועי יוסף 6 במרץ 2018, 23:48

      אני לא בטוח שאני יודע לתת לך תשובה…. :/

      הגב #
  • אסנת 8 באפריל 2018, 19:34

    שלום רב ! כיצד ניתן לייבא בבת אחת כמות גדולה של וריאציות עם מק"טים ומחירים ? כמו למשל בקובץ CSV

    הגב #
  • גליה 4 במאי 2018, 18:34

    היי,
    האם ניתן ליצור רשימה נשלפת (drop down) שמציגה את הוריאציות לגולש והוא יכול לבחור את הוריאציה המתאימה לו (למשל: חולצה במידה L בצבע ירוק)?

    והאם ניתן ליצור שתי רשימות כאלה, באחת בוחרים את הגודל ובשנייה את הצבע?

    תודה רבה, גליה

    הגב #
    • גליה 4 במאי 2018, 20:35

      קבלו ביטול.
      ראיתי שהוריאציות מופיעות כרשימה נשלפת באתר.
      תודה 🙂

      הגב #
  • rz 11 ביוני 2018, 11:05

    מודה לך מאד על המאמר המפורט והברור!

    התקשיתי למצוא את המקום שמגדירים המק״ט בוריאציות ואתה הצבעת באופן מוחשי ביותר על החץ הקטן שם בצד… בהזדמנות אקרא את כל מה שיש לך לומר!

    הגב #
  • טל 29 ביוני 2018, 11:02

    מאמר מעולה! עזר לי מאוד 🙂 האם יש אפשרות לשנות את המלל מ"בחר אפשרות" ל"בחר כמות"? והאם ניתן להגדיל ולהדגיש את הטקסט של הוריאציות? תודה רבה

    הגב #
    • רועי יוסף 8 באוקטובר 2018, 3:22

      סליחה על התגובה המאוחרת, אך מוטב מאוחר מאף פעם לא…. לא? 😉

      אז באידיאל הייתה צריכה להיות אפשרות לשנות זאת בקבצי השפה (po, mo) אך איני חושב שניתן לעשות זאת בשלב הנוכחי. ווקומרס גם לא סיפקו פילטר עבור שינוי זה אך אתה יכול להעתיק את הקוד הבא לקובץ functions.php של התבנית (או תבנית הבת) שלך ולאחר מכן לשנות את הטקסט תחת show_option_none לטקסט שתרצה:

      /**
 * Output a list of variation attributes for use in the cart forms.
 *
 * @param array $args Arguments.
 * @since 2.4.0
 */
function wc_dropdown_variation_attribute_options( $args = array() ) {

    $args = wp_parse_args( apply_filters( 'woocommerce_dropdown_variation_attribute_options_args', $args ), array(
        'options'          => false,
        'attribute'        => false,
        'product'          => false,
        'selected'         => false,
        'name'             => '',
        'id'               => '',
        'class'            => '',
        'show_option_none' => __( 'בחר כמות' ),
    ) );



    // Get selected value.
    if ( false === $args['selected'] && $args['attribute'] && $args['product'] instanceof WC_Product ) {
        $selected_key     = 'attribute_' . sanitize_title( $args['attribute'] );
        $args['selected'] = isset( $_REQUEST[ $selected_key ] ) ? wc_clean( urldecode( wp_unslash( $_REQUEST[ $selected_key ] ) ) ) : $args['product']->get_variation_default_attribute( $args['attribute'] ); // WPCS: input var ok, CSRF ok, sanitization ok.
    }

    $options               = $args['options'];
    $product               = $args['product'];
    $attribute             = $args['attribute'];
    $name                  = $args['name'] ? $args['name'] : 'attribute_' . sanitize_title( $attribute );
    $id                    = $args['id'] ? $args['id'] : sanitize_title( $attribute );
    $class                 = $args['class'];
    $show_option_none      = (bool) $args['show_option_none'];
    $show_option_none_text = $args['show_option_none'] ? $args['show_option_none'] : __( 'Choose an option', 'woocommerce' ); // We'll do our best to hide the placeholder, but we'll need to show something when resetting options.

    if ( empty( $options ) && ! empty( $product ) && ! empty( $attribute ) ) {
        $attributes = $product->get_variation_attributes();
        $options    = $attributes[ $attribute ];
    }

    $html  = '<select id="' . esc_attr( $id ) . '" class="' . esc_attr( $class ) . '" name="' . esc_attr( $name ) . '" data-attribute_name="attribute_' . esc_attr( sanitize_title( $attribute ) ) . '" data-show_option_none="' . ( $show_option_none ? 'yes' : 'no' ) . '">';
    $html .= '<option value="">' . esc_html( $show_option_none_text ) . '</option>';

    if ( ! empty( $options ) ) {
        if ( $product && taxonomy_exists( $attribute ) ) {
            // Get terms if this is a taxonomy - ordered. We need the names too.
            $terms = wc_get_product_terms( $product->get_id(), $attribute, array(
                'fields' => 'all',
            ) );

            foreach ( $terms as $term ) {
                if ( in_array( $term->slug, $options, true ) ) {
                    $html .= '<option value="' . esc_attr( $term->slug ) . '" ' . selected( sanitize_title( $args['selected'] ), $term->slug, false ) . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $term->name ) ) . '</option>';
                }
            }
        } else {
            foreach ( $options as $option ) {
                // This handles < 2.4.0 bw compatibility where text attributes were not sanitized.
                $selected = sanitize_title( $args['selected'] ) === $args['selected'] ? selected( $args['selected'], sanitize_title( $option ), false ) : selected( $args['selected'], $option, false );
                $html    .= '<option value="' . esc_attr( $option ) . '" ' . $selected . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $option ) ) . '</option>';
            }
        }
    }

    $html .= '</select>';

    echo apply_filters( 'woocommerce_dropdown_variation_attribute_options_html', $html, $args ); // WPCS: XSS ok.
}
      הגב #
  • משה 7 באוגוסט 2018, 16:27

    היי רועי,

    הגדרתי ווריאציות למוצר.

    1. הוא לא מופיע אצלי בצורה בה ניתן לבחור ווריאציה.
    2. כשאפשרות הווריאציה מופעלת, אז הוא לא מציג את האפשרות של מחיר ושל הוסף לסל. מה הסיבה? או מה אני לא עושה נכון?

    ותודה על המאמרים בכל האתר. אתה מלך!

    הגב #
    • רועי יוסף 17 במרץ 2019, 17:48

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

      הגב #
  • קרן 3 בנובמבר 2018, 13:11

    הייי! קודם כל תודה ענקית על המדריכים המעולים שלך!

    שנית… הגדרתי מוצר כל כמה תכונות, שעשיתי הוסף וריאציות מכל התכונות הוא עשה לי רק מתכונה אחת ולא מכל התכונות שהגדרתי..

    הגב #
    • קרן 3 בנובמבר 2018, 13:15

      אוקי!
      הבנתי מה לא עשיתי נכון! לא הגדרתי את כל התכונות שיהיו בוריאציות..

      הגב #
  • יוני 13 בינואר 2019, 11:52

    שלום,

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

    הגב #
    • רועי יוסף 17 במרץ 2019, 17:49

      היי יוני,

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

      הגב #
  • משה אזולאי 13 במרץ 2019, 21:20

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

    הגב #
    • רועי יוסף 17 במרץ 2019, 17:47

      היי משה,

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

      הגב #
  • מני וינפלד 19 במאי 2019, 20:28

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

    הגב #
    • רועי יוסף 20 במאי 2019, 0:38

      היי מני,

      מה ז״א האפשרות לבחירת מוצרים לא מופיעה? אתה בוחר ווריאציות למוצר ולא מוצרים לווריאציות.. אולי איני מבין את השאלה שלך…

      הגב #
  • רוב 17 ביוני 2019, 17:19

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

    הגב #
    • רועי יוסף 22 ביוני 2019, 13:00

      היי רוב,

      לבטח יש אפשרות אך זה דורש התערבות בקוד. אין לי את האפשרות להראות זאת בתגובות הפוסט..

      הגב #
      • רוב 23 ביוני 2019, 8:36

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

        הגב #
  • אסף מורז 22 ביוני 2019, 11:35

    היי רועי,

    אשמח לדעת אם יש פתרון לחישוב מחיר של וריאציות מבלי להוסיף כל אחת מהן לסל בנפרד. יצרתי מוצר עם תוספות (וריאציות) שהמחיר בסיס שלו נניח 50 שקל. אני רוצה שכל וריאציה נוספת (תוספת למוצר הבסיסי) תעלה לצורך העניין 5 ש"ח ושכל פעם שהלקוח יבחר בוריאציה המחיר יעלה בהתאם.

    אגב, כרגע כשבוחרים בוריאציה שעולה 5 שקל היא מורידה את כל המחיר מ- 50 שקל ל- 5 שקל.

    אשמח לתשובה.

    הגב #
    • רועי יוסף 22 ביוני 2019, 12:59

      היי אסף,

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

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

      הגב #
      • אסף מורז 27 ביוני 2019, 19:45

        תודה רבה על התשובה אשמח לעדכן.

        הגב #
  • כפיר 1 ביולי 2019, 11:35

    שלום שאלה , אני מקים מוצר ואריאציות אבל יש לי שני מחירים שונים והוא נותן לי לשנות מחיר רק לאחד. יש פיתרון לזה? ומופיע לי שניהם במוצר

    הגב #

השאירו תגובה

פעימות
Up!