Help with Shopify product page

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

See this page: http://www.fobgfc.org/VCity/VCITY2.html?variant=5193113219

The page was showing fine until I tried to implement swatches, using this tutorial: https://docs.shopify.com/manual/configuration/store-customization/showcasing-products/add-color-swatches-to-your-products

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.

Cheers
swatch.liquid.txt
LVL 3
colinspursAsked:
Who is Participating?
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 http://cdn.shopify.com/s/files/1/0879/3398/t/2/assets/mousewheel.js?12917369102922345030, line 161, col 16

Open in new window

0
colinspursAuthor Commented:
Hi Marco,

Apologies for the delay, I have been away.  I don't think it is related, but thanks anyway.
0
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



Rowby
0

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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

colinspursAuthor 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.

Col
0
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!

Rowby
0
colinspursAuthor Commented:
Thanks, when I get back to this I'll post another question.
0
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.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.