title: Shopify Hide unavailable option variants
body: <p>Using the Debut theme in Shopify, I have a product with variants that are not compatible. At present they show as unavailable but I want to hide them totally so that only valid options show with each other. So as example if I have Red, Blue, Green shoes and have sizes 9,10,11. But can only get Red shoes in Size 10. I don't want to see options for 9 or 11 ever.</p>
  
  <p>Online someone pointed to theme.js and the code below, but I'm not sure what to change.</p>
  
  <p>Thanks</p>
  
  <pre><code>$(this.singleOptionSelector, this.$container).on(
    'change',
    this._onSelectChange.bind(this)
  );
  </code></pre>
  
  <p>}</p>