Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Custom cursor not aligned (at 1921px and greater)

Hey everyone, I made this for a client a few months ago and I had a custom cursor that would follow the position of the mouse, but also rotate and return to face true north (just like a how a compass needle would when you shake it). This was working perfectly fine for months but I've come back to fix up parts of the site, and now the custom cursor is not being aligned to the mouse position and I can't for the life of be figure out why. All I've figured out is that it happens to be misaligned on breakpoints larger than 1920px (which is a breakpoint I have set), however none of the properties relating to the custom cursor are altered at this breakpoint, nor is there anything specified in the JS to change it when it's at a the larger breakpoint. Another thing is that this issue occurs when the page is loaded at the breakpoint, meaning if I adjust the viewport, the alignment doesn't change. So I'm not sure if this is something to do with media queries either. Would anyone know what could be causing this issue? Here is the website: https://projectzero.earth Here is the javascript for the cursor: https://9p8k3z.csb.app/global_customCursor.js...

Lottie scroll animation help

Could you please guide me on how to create a Lottie scroll animation in which the animation changes based on the content? I have attached a video as an example.

Pass query param to CMS filter search.

Hi. Just want to ask if it is possible to filter a search on the input field based on the name of an item? It works on the checkbox but I can't seem to make it work for the input field....

Navbar interactions

Hello @Web Bae and everyone, I was trying to create a nav show and hide on scroll interaction but for some reason it is not working properly on this project can anyone have a look and give me some insights on how to fix this. I was following these two tutorials : https://www.youtube.com/watch?v=a2Kp4bSDCwI&t=1s, https://www.youtube.com/watch?v=IH_Lvb_WYaw I tried this on my portfolio it is working perfectly there but for some reason it's not working on this website. Preview link :- https://preview.webflow.com/preview/al-fikree?utm_medium=preview_link&utm_source=designer&utm_content=al-fikree&preview=256ec6dc454782b6679f4b4c6a2aece4&pageId=65a8a4e3006f749fc98de791&workflow=preview...

Custom SVG not pulling into app properly

Hi there! I asked this question on YouTube, and was directed here, so here's the follow up to my original question. When using custom SVGs they either seem to partially load in the app, or not load at all. I've attached the SVGs I'm attempting to use. Thanks for taking a peek at this!
No description

Run loader until FS CMS Nest contents has loaded

I'm trying to add a loader animation to run until the CMS Nest Contents has loaded. Any ideas how to achieve this? This page uses CMS Select for the select filter. CMS Filter and CMS Nest. ...

Foxy.io

Has anyone used Foxy for webflow? seems like the only solution for reoccurring payments, looking forward for any response.

Ecommerce

Anyone know if it's theres any way to add reoccurring payments to my already existing products in my site? For example if im selling frozen feed for pets in wholesale amounts, how can i set it up so they can buy single orders of an amount and also subscribe to receive it monthly. Thank you, would appreciate the help....

Different Product Pages

Does anyone know if it is possible to make unique product pages in Webflow that do not all follow the same template? If so, how would I do it? Thanks!

Facebook posts Feed in Webflow

Hello @Web Bae and everyone I wanted know that can we show Facebook posts feed in our website on a separate page using some API or widget and Can it function well after exporting the code as well wanted to know your thoughts and insights on this. I want to do something like this for my client http://alfikreecontracting.com/events/ .

Multi-step form with a search filter - CMS

Hi there, Wondering if it's possible to build something like the find a chef section from this website - https://yhangry.com/ using Webflow. I'm creating a similar system where I already have a directory made and linked to the CMS using airtable and Zapier. However, I'd like to create a multi-step form for the user to select the options and then be shown the results based on the what the user selected options in the multi-step form. (basically they're selecting it multistep but it filters through my cms content.) ...

Custom Cursor Interaction Video Issue

Hey @Web Bae, thank you for the great video on custom cursor setup! Video linkhttps://www.youtube.com/watch?v=lRKdb5yDh-k&t=96s I've followed the instructions for my project here:...

Hierarchy Filter in Webflow

Hi @Web Bae and everyone. I am trying to create a hierarchical filter in webflow as shown to the right of the image attached. Currently, I have a filter system like the left of the image attached. It is currently made from a collection list and utilizes finsweet for filtering. Is it possible to do this in Webflow, possible with finsweet? I've tried many methods, but haven't gotten much success. I greatly appreciate any help. Thanks!...
No description

Custom SVG not working

Hi Guys, Its not allowing me to add a custom SVG into an element in webflow. Here is the screen recording of the issue I am facing. I have removed and added the plugin a few times but nothing seems to work- https://we.tl/t-HBzIyqfpdu

Warning dialog box

Hello everyone I will be starting a new project where I will be needing to create a warning dialogue box or page appear before user entering a website once they click on button it will disappear and they can enter and the warning should appear only once for user. Do you have any insights on how to achieve this @Web Bae and anyone else did same thing in past I would like to know your thoughts?

Wave Effect On Scroll

Hey guys, How can I create the wave effect like this https://www.newformcap.com/ on Webflow, tried a cloanable but it has some glitch. I want it to have the same behavior as the link when the user scroll two sections....

cms load bug

I’m using cms load to render all the cms items to a page because I have some filters that need to filter all the cms items. Each cms items has an image slider with multi reference image field nested implemented with splide. With the cms render all, the slide images rendered items wasn’t showing. ...

Loader animation

Hello @Web Bae & @everyone, I am trying to create a loader animation that I have gotten in a Figma file but it is not happening smoothly for some reason. And also The nav interaction is not happening properly Please can anyone help me with that. Also I want to match the animation with figma in the live site Figma link:-https://www.figma.com/proto/zq8wh1YTi9iajriZ95nCuf/Al-Fikree?type=design&node-id=116-794&t=Vm0f6kr1tzgKqCyh-1&scaling=min-zoom&page-id=116%3A2&starting-point-node-id=116%3A1890&mode=design Read only link:-https://preview.webflow.com/preview/al-fikree?utm_medium=preview_link&utm_source=designer&utm_content=al-fikree&preview=256ec6dc454782b6679f4b4c6a2aece4&workflow=preview Live:-https://al-fikree.webflow.io/al-fikree-construction...

non common slider

Hello spicy community, happy New Year to everyone! Does anyone know if there's any "easy-to-implement" solution/library to achieve this slider: https://www.choreus.co/ (it's like a continuous timeline where the slide duration depends on the width of the thumbnail that is passing, seems very ingenious to me)?