The real pain with this Framer approach comes when doing all of this responsive. Since you need all of these interactions repeated (and maintained) for each breakpoint. If you are lucky, you won't have more than 3 breakpoints multiplied for all of these different variants. It feels pretty crazy, honestly.
Your blog posts themselves would need to be responsive using variants. You would set up your font style breakpoints of course, but the layout changes at the post level would need to be in a component as a variant. Then on the canvas you adjust your collection to use the correct post variant for that breakpoint. The combo of post level, font, image level and breakpoint level should give you enough flexibility to cover what you need
Is it possible to have multiple (sub) filters in each other? For example, Men -> T-Shirts -> Jeans -> Hats -> Size - Color. Looking forward for your response!
Thanks a lot for tha shared knowledge ! Is it possible to animate the filtered items ? If not the classical ajax "disappear and reorder", at least some slideUp and FadeIn animation for each Portfolio element ?
Hi Ryan, great tutorial, I have subscribed to your channel :). Newbie comment alert - how do I create the bar with links of the filters where you have Design, Development, News. The filtering options themselves.
The real pain with this Framer approach comes when doing all of this responsive. Since you need all of these interactions repeated (and maintained) for each breakpoint. If you are lucky, you won't have more than 3 breakpoints multiplied for all of these different variants. It feels pretty crazy, honestly.
yea..... how tf do you do this for each breakpoint
Your blog posts themselves would need to be responsive using variants. You would set up your font style breakpoints of course, but the layout changes at the post level would need to be in a component as a variant. Then on the canvas you adjust your collection to use the correct post variant for that breakpoint. The combo of post level, font, image level and breakpoint level should give you enough flexibility to cover what you need
where is the remix link?
Any particular reason why you created seperate components for the different filters and not just one component with multiple variants?
Is it possible to have multiple (sub) filters in each other? For example, Men -> T-Shirts -> Jeans -> Hats -> Size - Color.
Looking forward for your response!
Awesome! Thank you Ryan for the tutorial 🌟
You're very welcome!
looks simple to do but need to practice more 😊
Thanks a lot for tha shared knowledge ! Is it possible to animate the filtered items ? If not the classical ajax "disappear and reorder", at least some slideUp and FadeIn animation for each Portfolio element ?
How do I get 'Variant' and 'Icon' options in my button component settings? It's visible at 3:01 in the Component Settings below Styles settings.
How can we reduce the height if the content in development is only 2 cards??
Hi Ryan, great tutorial, I have subscribed to your channel :). Newbie comment alert - how do I create the bar with links of the filters where you have Design, Development, News. The filtering options themselves.
sooooooo how do you fix this breaking the break points? even if you dont use cms?
If you need responsiveness I guess you have to do it for all devices in different sizes, right?
I had to do it for mobile separately. It's sad... but hopefully this will change.
is this coming from cms if yes then where did you set this
can you please create tutorial bout pagination in framer? please please please
So good but how can we make an interactive cart in framer ?
Ecommerce isn't super possible right now.
Where is the remix link?