I’m having trouble getting started with the Properties Panel on Wix Code. I have a pretty beginner/intermediate knowledge of Java and I only just started learning JQuery this weekend, but my only real experience with coding is in the context of building a site from scratch using HTML, CSS and Java (but I don’t have that kind of time, so I decided to go with Wix Code for sake of ease and usability). There is a feature I am trying to add to my site and I’ve done so much research and found a few different ways to do it using jquery but even after hours of research and tutorials, so I have a pretty good idea of how to apply it to an existing HTML doc, but I can’t seem to figure out how to actually add it to Wix properly. Everything I try gets a bunch of errors and ultimately does nothing. Can anyone either post a reference or something that would help me get started to learn how to add my own code? I’ve seen here that other people can do it, I just don’t really know where to begin. All the tutorials I’ve found involve using the options on the properties panel like hide/show etc but never take it a step father and I constantly get errors that say things like “$ is undefined” and things like that.
If it makes it easier, the specific feature I’m trying to add would make it so that on my home page, when you scroll down to a certain section, one feature locks on the screen until you are done scrolling through the text next to it and then once you reach the end of the text, then it scrolls down to the next section. Here’s an example of a site that does what I’m talking about: http://melaniedaveid.com/
Even if someone could help me figure out how to add this specific feature would be a huge help because this is pretty time sensitive
Hey so looking at the site example you provided (http://melaniedaveid.com/). If I were to recreate it, I’d just use the collapse/expand functions. Then just anchors on the buttons to open/close or refocus the viewport. I’m not sure you’d need much more code than the collapse/expand on a buttonclick action.
Yes I appreciate what you’re saying. I spent weeks on here reading every single page on the API resources, did all of that specific searching and good stuff.I looked through all the examples and when I looked through those and the API reference, I sort of understand how to do a lot of it (like hide and show functions, collapse/expand, mobile/desktop view etc etc), but what I can’t seem to figure out is when I go onto the forums and see other people’s examples of their code, I can’t read any of it and I have no idea what they’re doing. I even found a link (that I had to dig hard for) that said it was the language to use in the Wix Code database and that was just hundreds of pages of stuff I couldn’t even begin to decipher. I have tried doing hours of my own independent research into their code and I still don’t get it. So if you have any other sources or ideas as to how I can get to where you are, I would greatly appreciate it. And for the record, I have no problem with researching code. I am proficient in HTML/CSS and I am familiar enough with JAVA and JQuery that I have coded my own websites before. I understand the research is always part of the process. The issue is that I don’t know where to start. I don’t even know what language a lot of these examples are in.
Also if you care to see what I have for now, my website is www.marisaypurdy.com
This was sort of what I ended up adapting my site into. However, I am planning on redesigning it and will likely recode the thing from scratch. I haven’t decided yet.
I hear ya. I too wish self learning was easier and the information here was more organized and easier to follow, perhaps even more beginner-friendly for noobs like me
Btw I really like your website on my small laptop screen (the homepage), other pages are rather elegantly done on any size screen. I also think I misunderstood a few things and assumed a few others and just went off on that soap box, smh my bad, uncalled for.
Wish ya the besta luck with what you are trying to accomplish here.
6.) You can code in… fade in/outs from what I’ve come across. The animations… you may need to get creative there. Possibly hide/show some animated GIFs?
Wix Code is good for… sites with lots of information shown on a few “template” pages. In your case, I’d say you’re just going to need to look for the small bits and pieces of code that help animate and liven up your site. Look into parallax examples from the wix templates, it may go well with what you’re after.
Also, all those $ is undefined errors refers to objects/variables that they dont recognize… that usually means you need to look at the actual element its referring to. For example when you drop down a dataset on a page, it’ll default to #dynamicDataset…
long story short, go check the names and IDs of the things being referred to. I’m quite confident the tutorial’s names and IDs are not the same as the default values being used in your actual wix editor.
