Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Range slider in webflow

I wanted to create a range slider like this for a client does anyone knows how to achieve this any help will be much appreciated. ex of slider:- https://www.frequencee.com/...
No description

Footer Reveal on scroll

I am building a site for a client and he wants this footer reveal on scroll . I have tried following few blogs, videos and some templates but I am still unable to achieve this. Anyone who has done similar thing can you please guide me and give me tips on how to achieve this particular effect. Can anyone help me? Thank you in advance 🙏 videos and templates I tried to follow : https://www.youtube.com/watch?v=gi_M1xWmeKc, https://webflow.com/made-in-webflow/website/Trendy-Footer-Reveal...

How to arrange a custom grid for CMS

I am building a blog page for my client and i have structure where it needs to show 3 featured blogs, please check the image for reference. but in the grid structure, the left side card is vertical directional style card and right side part of cards are horizontal directional cards and those should be 2 cards on the right side, so in total there are 3 featured blogs in should be shown in that section. But i am unable to acheive that. Can any one of you gus can help me? Thank You in advance...
No description

Custom SVG not working

Hi there, the custom SVG function does not seem to be working for me. I have an image that is 16:9 ratio, and I have made a similar SVG in Figma. However, the SVG does not seem to render properly in the clipper. I've attached a copy of the SVG, properties of the image I am clipping, and how it looked in the viewer (as well as after being clipped)....
No description

GSAP with finsweet dev starter repo

Hi there! I am using the finsweet dev starter for my repo on my webflow site. now i want to integrate some animations and work with gsap. should i npm install or use it via cdn? somehow it doesnt work when i npm install it. i also checked with cdn. alos didnt work. what should i consider to get gsap running here?

Shipping Calculator

Hey guys, has anyone made or found out how to import a shipping calculator into a Webflow ecommerce website? The shipping options they have as default are really barren and don't let me charge shipping by distance. I have checked out Foxy.io, but I would rather not use a shipping portal. Thanks!

Help in Before/After slider

I am Using Udesly's Before/After slider, the problem with this is, it is looking perfect in the designer but different in mobile viewport. I've tried changing the CSS but was not able to fix it. read only: https://preview.webflow.com/preview/cloudeagle-test?utm_medium=preview_link&utm_source=designer&utm_content=cloudeagle-test&preview=b5b93a5d28635bd6e382ef53c380da5f&pageId=65a8d52d8c687e3a58a4c7a5&workflow=preview page link: https://cloudeagle-test.webflow.io/staged/saas-management-draft...
No description

product page

Is it possible to clone a whole product page? trying to but it says "couldnt read native clipboard data"

Custom bullet points in Webflow

Hey guys, I was wondering if anyone figured out how to make a custom bullet point in Webflow. By custom, I mean how to replace the bullet point with an SVG or PNG. I find Webflow's stock options quite boring. Thanks!

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!