Customers Cannot Select Different Size

Customers have reached out and cannot select a size other than the first one available under each product. I have attached the URL below. Someone please help!

URL: https://www.modernchicboutique.shop/

@annakat10 , In which product people are facing issues?

I have checked and am able to select a size for the product. Could you please share the URL of the product in which you / any others face this issue?

I fixed it. However now the sizes that are sold out are not crossed out and once clicked on then they show sold out. I want them to be blurred out or have a strike through so customers do not have to click on the size to find out it is sold out. Can you help fix that?

Yes, I can help with this.

Are able to give me collaborator access to your store? As I have to check your theme code to add this functionality.

Yes. How do i do that?

1 Like

@annakat10 , sent you the request for access.

1 Like

Is there a way to do some sort of cross out or strike through instead of a blur?

Based on the below code, I have added one additional class and made the variant blur which is not in stock.

{%- assign variantAvailable = false -%}
{%- for variant in product.variants -%}
  {%- if variant.title == value and variant.available -%}
	{%- assign variantAvailable = true -%}
	{%- break -%}
  {%- endif -%}
{%- endfor -%}

Please check and confirm

is there a way to do a strike through instead of a blur?

Updated, Please check and confirm

1 Like

I am now having this problem with 2 of my products that have an option for size and length. Here is the URL.

https://www.modernchicboutique.shop/products/mid-rise-flare-inseam-30