Help with Shopify product page

Hi, hopefully there are some Shopify experts out there...

See this page:

The page was showing fine until I tried to implement swatches, using this tutorial:

Now all products show as unavailable (crossed out) despite there being stock.  

The swatch.liquid snippet is attached (as a txt file).

I have had no response from the Shopify forums.  I would appreciate any guidance.

Colin BrazierAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Marco GasiFreelancerCommented:
Don't know if related, but in Firebug I see you have an error:
ReferenceError: delta is not defined
delta  *= lineHeight;

in, line 161, col 16

Open in new window

Colin BrazierAuthor Commented:
Hi Marco,

Apologies for the delay, I have been away.  I don't think it is related, but thanks anyway.
Rowby GorenCommented:
Hi Colinspurs.

One thing you can do is to try to revert back to the original file settings.

You could redownload your theme and upload the relevent files and "start all over" with your modification.   (Or you could copy and paste over the modified files with the "virgin" files from the theme.

Is that something you want to try.  Then we can go, step by step, through the tutorial.

At least your products would be showing properly in the meantime.

Also it's good practice before and after you make modifications to a theme to click on the button that will email you a copy of the theme as it was before and after modifications were made.  For example I made a major mistake in a css file just this morning -- but was able to restore it to the way it was last night by unzipping the emailed template and extracting the css file from last night's version.

Also, (I should have said this first)  you can revert many of the files back to an earlier version in the editing panel (not css files, unfortunately)
 You'll see the link on the top of most editing screens. It has this link  
theme.liquid Older versions | Liquid variable reference


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Colin BrazierAuthor Commented:
Many thanks Rowby.  As you can see from the date this project has been in abeyance for a while, when I get back to it - before too long I hope - I'll follow your suggestions.  I think I might need to "start all over" just to re-train myself, as it's my first Shopify effort.

Rowby GorenCommented:
sure -- you can just set up another 14 day free trial and use it as a training ground.  Shopify is cool about that!

Colin BrazierAuthor Commented:
Thanks, when I get back to this I'll post another question.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.