Hide specific variant option for all products

Store Design
, , ,
1

Hi community,

I want to hide a specific variant for all of my option. So the name and the option itself should not be visible

The name of the option is “Packung”, and it is not alwys in the first position. But the name is always Packung.

Thanks in advance for your suggestions.

Please do not offer any apps, I want to solve it via Code :slightly_smiling_face:

Vapes4You_0-1698396996479.png
Vapes4You_0-1698396996479.png624×502 16.8 KB

V4Y

2

Hi @Vapes4You

Could you share your drop your link here to check?

3

Hi Dan,

Sure the shop is: https://vapes4you.de

The link to the product in the screenshot is: https://vapes4you.de/products/menthol-blaubeere-e-zigaretten-liquid?_pos=1&_psq=menthol-b&_ss=e&_v=1.0

4

Go to your Online store > Themes > Edit code, open product-variant-picker.liquid file, replace code of this file with this one

{% comment %}
  Renders product variant-picker

  Accepts:
  - product: {Object} product object.
  - block: {Object} passing the block information.
  - product_form_id: {String} Id of the product form to which the variant picker is associated.
  - update_url: {Boolean} whether or not to update url when changing variants. If false, the url isn't updated. Default: true (optional).
  Usage:
  {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %}
{% endcomment %}

{%- unless product.has_only_default_variant -%}
  {%- if block.settings.picker_type == 'button' -%}
    
  
  {%- else -%}
    
  {%- endif -%}
    
{%- endunless -%}
5

@Dan-From-Ryviu you are a magician!

Thank you very much!

6

Happy I could help :heart: !

7

Hi, would some edits to this code make it possible to just hide unavailable variants? I’m using Dawn ver 12. I’ve tried experimenting with it myself but I’m not much of a coder :slightly_smiling_face:

8

Hi @Dan-From-Ryviu ,

Unfortunately I had to unmark your post as solution. The variant picker is broken. When I change the variant of the product, the checkout button does not work anymore.

I had to undo the changes in the code and now it works again.

9

Hi @Vapes4You Could you explain what did you change the variant?

10

Please send me your product page link

11

Hi,

I have made screenshots of the behavior.

  1. Product page (original) Option Stärke 3mg/ml

Vapes4You_0-1698998631965.png
Vapes4You_0-1698998631965.png630×552 18.8 KB

  1. Product page (original) after click on Option Stärke 6mg/ml

Vapes4You_1-1698998696838.png
Vapes4You_1-1698998696838.png630×552 18.8 KB

  1. Product page (after code edit) Option Stärke 3mg/ml

Vapes4You_2-1698998784138.png
Vapes4You_2-1698998784138.png647×478 17.5 KB

  1. Product Page (after code edit) after click on Option Stärke 6mg/ml

Vapes4You_3-1698998828174.png
Vapes4You_3-1698998828174.png640×474 16 KB

The behaviour is the same for every option. Even If go back to option 3mg/ml it always shows me, that the variant is not available and the “add to cart” button is disabled.

Kind regards

12

Could I access your store so I can duplicate theme and check?

13

Yes, sure

14

In case anybody needs this solution, here is the new code from @Dan-From-Ryviu .

Thank you very much!

{% comment %}
  Renders product variant-picker

  Accepts:
  - product: {Object} product object.
  - block: {Object} passing the block information.
  - product_form_id: {String} Id of the product form to which the variant picker is associated.
  - update_url: {Boolean} whether or not to update url when changing variants. If false, the url isn't updated. Default: true (optional).
  Usage:
  {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %}
{% endcomment %}

{%- unless product.has_only_default_variant -%}
  {%- if block.settings.picker_type == 'button' -%}
    
  {%- else -%}
    
  {%- endif -%}
{%- endunless -%}
15

Hi @Dan-From-Ryviu,

is this solution works for Dawn 14.0.0 ? I have the same issue but the code is not working…

best regards,

Julien