Added Prop hideUnavailableVariations that enables hiding unavailable variations from DOM

[mihaidanieldumitru]

What problem is this solving?

Some clients have products with many variations that are unavailable at a time and they want to hide these variations and not with CSS because the showMore button still remains with the total number of variations.

How to test it?

Workspace Link 1
Workspace Link 2

Screenshots or example usage:

  "sku-selector": {
    "props": {
      "visibility": "more-than-one",
      "sortVariationsByLabel": true,
      "hideUnavailableVariations": true
    }
  },

Before

After

[vtex-io-ci-cd]

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

• Patch (backwards-compatible bug fixes)

• Minor (backwards-compatible functionality)

• Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

• No thanks, I would rather do it manually 😞