mobile version product "sold out" issue

Topic summary

A Shopify store owner using the Craft theme is experiencing a mobile-specific display bug where all products show “Sold Out” badges despite having available inventory and disabled quantity tracking. Desktop displays correctly.

Suspected cause: The issue appeared after installing a Qikify pop-up app and persists even after removal, suggesting leftover code.

Troubleshooting attempted:

  • CSS hiding of .card__badge--sold-out (unsuccessful)
  • Searching theme files for “qikify” or “popup” remnants
  • Checking card-product.liquid for faulty availability logic
  • Testing with default Shopify themes to isolate the issue

None of these solutions have resolved the problem. The issue appears to be JavaScript/Liquid logic-related rather than purely CSS, with the mobile-only nature suggesting responsive code conflicts.

Status: Unresolved and ongoing. The store owner remains frustrated after initial troubleshooting attempts failed.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hi, I’m experiencing a strange issue on my Shopify site using the Craft theme. On desktop, all my products display correctly as available, but on the mobile version, every product appears with a “Sold Out” badge — even though inventory is fine, and I’ve unchecked “Track quantity” for all products.

I suspect this started after installing a Qikify pop-up, but even after disabling or removing it, the problem still persists on mobile only. I’ve tried basic CSS like hiding .card__badge–sold-out for mobile, but it hasn’t resolved the underlying issue.

I’m looking for help identifying whether this is a Liquid or JavaScript issue, or possibly a rendering conflict unique to mobile. Is there a way to override the product availability check just for mobile, or force the correct status to show?

Website: www.shambhalatreasures.com
Theme: Craft (official)

Would greatly appreciate any insights — thank you in advance!

Hi @coralam27

Can you point out which product it is? I have checked several products and did not find the situation you mentioned.

Hey @coralam27 !

This is definitely a frustrating issue - I’ve seen this exact problem happen quite a few times with Shopify themes after installing and removing popup apps like Qikify. The good news is it’s totally fixable!

Here’s what’s most likely happening: When you installed the Qikify popup, it probably added some JavaScript code that’s still hanging around in your theme files, and for some reason it’s only causing problems on mobile devices. Apps don’t always clean up after themselves perfectly when you uninstall them.

First thing I’d try - go into your theme editor (Online Store > Themes > Edit Code) and do a search for “qikify” or “popup” across all your files. Look especially in your theme.liquid file and any JavaScript files. Delete anything you find related to the popup app.

If that doesn’t work, the issue is probably in your product card template. Since you mentioned you have the official Craft theme, look for a file called card-product.liquid in your snippets folder. There should be some code that looks like this:

{%- if card_product.available == false -%}

The logic there might be getting confused on mobile. You could try adding some more specific checks to make sure it’s properly detecting when products are actually available.

Quick test - temporarily switch your theme to one of Shopify’s default themes (like Dawn) and see if the problem goes away. If it does, then you know for sure it’s something in your Craft theme code rather than a broader Shopify issue.

Since you mentioned you already tried hiding the badges with CSS, the real fix is probably going to be in the JavaScript/Liquid logic rather than just styling. The fact that it only happens on mobile makes me think there’s some responsive code that’s not playing nice with whatever the popup app left behind.

Keep us posted about the progress.
Cheers!
Shubham | Untechnickle

1 Like

I tried on your suggestion but both not working … Really frustrated …