Home › Forums › WoodMart support forum › Default variation price not showing until a specific swatch is clicked

Default variation price not showing until a specific swatch is clicked

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2025 at 9:06 am #673556

    bnbliquidlab
    Participant

    Hello,

    I’m using WoodMart with WooCommerce variable products and swatches. I have a product with three sizes (S, M, L) and two types of plastic: matte (12 colors) and wood (6 colors).

    I created attributes for:

    Size: S, M, L

    Plastic Type: matte, wood

    Color (two separate swatch groups): matte colors and wood colors

    I manually created variations like:
    Matte / M / Blue or Wood / L / Black, each with its own price.

    ✅ The default variation is set — for example: Matte, M, Light Blue. The variation exists and has a price.
    ❌ However, on the product page, no price is shown at all until the customer manually clicks one of the wood colors (e.g. black). After that, prices begin to appear correctly.

    What I tried:

    Setting default values in the product editor

    JavaScript to trigger events (trigger(‘change’), .click() on swatches)

    MutationObserver to simulate interaction

    Disabling all other plugins

    Nothing works. It seems like your theme only initializes the price logic after a physical interaction (click), even if a valid default variation is already selected.

    ⚠️ This causes confusion for customers — the product shows no price until they click on a variation, even when one is selected by default.

    Is there a way to force the theme to show the price for the default variation automatically on page load, without requiring a user to click anything?

    Thank you!

    July 12, 2025 at 11:05 am #673570

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I’ve checked the product you shared, and I noticed that all variations originally had the same price.

    To test the behavior, I edited the variation “Green Wood / M” and assigned it a different price, then set it as the default variation.

    After this change, the price for the default variation now appears correctly on page load, without any user interaction.

    Like this: https://postimg.cc/y3ZYJxGL

    Additionally, if you prefer not to display the price under the variation section and instead want the price to update automatically under the product title when a variation is selected:

    Please navigate to > Theme Settings > Shop > Variable Product and enable the option:
    “Remove duplicate price for variable product”

    With this option enabled, selecting any variation will update the price dynamically in the product title area.

    Best Regards,

    July 12, 2025 at 11:51 am #673571

    bnbliquidlab
    Participant

    Hello,

    I’m experiencing an issue with variable products on my site.
    A default variation is set (e.g. Matte / M / Light Blue) and has a unique price (e.g. 1068.44 UAH), but this price does not appear on page load.
    Instead, the price only shows up after I click one of the “Wood” swatches. After that, price updates work correctly even for “Matte” options.

    Here’s what I noticed:

    The default variation is fully set: Material = Matte, Size = M, Color = Light Blue.

    The variation has a unique price, so it’s not a pricing range issue.

    But when the page loads, no price is displayed.

    The price only appears after interacting with a “Wood” color swatch — this somehow triggers all future price updates.

    Clicking Matte swatches or size options doesn’t trigger anything, until Wood is clicked once.

    I’ve tried using JS (.trigger(‘check_variations’)), snippets, and theme options — no effect.
    It seems like the variation form isn’t fully initialized unless the “Wood” palette is interacted with.

    Can you help fix this so the price appears automatically when the default variation is set — even if it’s a “Matte” material?

    Thanks in advance!

    July 12, 2025 at 2:05 pm #673581

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I checked your product and noticed that the default variation you set includes only 3 out of the 4 attributes. In this case, WooCommerce doesn’t fully recognize it as a complete variation selection on page load — which is why the price doesn’t appear immediately.

    However, once you manually selected the 4th attribute, the price showed up automatically without needing to reload the page or click anything else. This confirms that the system requires all 4 attributes to be pre-selected for the default variation in order to trigger the variation price display properly.

    See Screenshots for a better understanding:
    https://postimg.cc/QFz0jcCT
    https://postimg.cc/zHqkxjt9

    Best Regards,

    July 12, 2025 at 2:19 pm #673583

    bnbliquidlab
    Participant

    Hi Aizaz,

    Thank you very much for your detailed explanation and screenshots – they really helped us understand the issue more clearly.

    Now we see that WooCommerce requires all attributes of the default variation to be fully selected in order to display the price correctly on page load. We’ll adjust our variation setup accordingly and explore alternative methods to improve the UX, such as filtering available colors based on the selected material.

    Appreciate your quick and clear support – it’s been very helpful!

    July 12, 2025 at 3:03 pm #673589

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You’re very welcome! I’m glad the explanation and screenshots were helpful in clarifying the issue.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards,

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Default variation price not showing until a specific swatch is clicked’ is closed to new replies.