Make a Cart Icon and Favorite Icon that goes up and down in number

bp89 · 2024-11-02T19:00:56.802Z

I’m creating a header for my store. Within that header i want a heart icon and a cart icon (easy and completed). The area I’m having issues is creating a number within boht icons respectively that correlates with a user’s behavior of adding favorites and adding things to cart. A picture is attached for visual reference.

Screenshot 2024-11-02 at 8.00.20 PM287×163 1.24 KB

JDeltree · 2024-11-02T19:23:41.369Z

Do you mean you are having an issue placing the text inside of the icon? If yes, then you could use the “align to parent” group and place the number directly over the icon.

bp89 · 2024-11-02T19:43:49.050Z

Yeh! like conceptually i knew what it had to be, but i wasn’t sure how people did it bc when i tried to just paste a textbox over it and put some conditions around it, the textbox wouldn’t go over… i thought maybe there’s another icon somewhere that has the number functionality in it? i didnt know. anyway so you just put a textbox over the top? I’m super new to Bubble btw for context, I’ve only been using it one week hence the really green questions. thanks

tylerboodman · 2024-11-03T02:11:09.808Z

You just put an Icon and a Text element inside a group and set it to Align to Parent layout so they can stack on top of each other (with the text on top). Then the number would be the count of the cart items, for example Current user's Cart items:count or if you have some other datastructure it could be Do a search for Cart Items (constraint User = Current User) :count

mitchbaylis · 2024-11-03T06:43:16.358Z

would be most performant to store the “current cart” on the current user
then do current users > current cart > cart item > count

storing cart items on the cart is preferred also so that you’re not constantly doing searches to fetch it

bp89 · 2024-11-03T12:55:34.662Z

mitchbaylis:

sers > current cart > cart item > count

Thanks! i just poked around and I looked in workflows and also in the conditional tab. Do you mind sharing where I put these commands? And do I set the commands for the text number starting it at zero and then do a condition of “dont show” if the number is zero? Sorry so new to this. thank you so much

system · 2025-01-11T19:01:26.520Z

This topic was automatically closed after 70 days. New replies are no longer allowed.