Floor plan tab with image and text (title)

Need help
1

I need help with making a floor plan for a real estate site.
I have data property and data floor plan that is connected.
I made a page to create a property where clients can create and edit property and everything Is working fine but I can’t figure out how to make text + images for the floor plan.

I want to look something like this on the inside front page

Snimka zaslona 2024-09-30 072939
Snimka zaslona 2024-09-30 0729391530×400 10.7 KB
// Close
Snimka zaslona 2024-09-30 072951
Snimka zaslona 2024-09-30 0729511450×1149 116 KB
// Open

inside the back end, I try with repeated groups inside one data, separated data but I don’t have that much knowledge to make it work.

If someone knows any plugin or anything to help.

Site is https://solhome-new.bubbleapps.io/

2

You can put the image to the same cell of each floor and when the text and icon is clicked, toggle the image (and update the icon as well). It should be pretty straight forward. What is not working?

3

That will not work because we have some house with 4 floors, some with or without 1st floor so I need to make something that user can name tab and give image to tab or maybe without tab just to name image so user that visite properties can see image with name.

4

Maybe tell me about your data structure. As far as I understand, each property has a list of floor plans. And each floor plan has a name and an image.

Is this correct? If so, what I described should work no matter some floor plans have just a name or name and image. If they are just names without image, you can hide the arrow and image.

5

First thank you for your time!
Yes each property has a list of floor plans and agents inside of page Create a listing can create and edit properties. Inside page they can add title, description, images and now I want to put floor plan with + icon that will show popup with title and image input.

Snimka zaslona 2024-09-30 082550
Snimka zaslona 2024-09-30 0825502043×492 19.1 KB

Main data is property and I connect with data floor plan (inside list of images and title)

Snimka zaslona 2024-09-30 082444
Snimka zaslona 2024-09-30 0824441537×461 38.5 KB

Snimka zaslona 2024-09-30 082456
Snimka zaslona 2024-09-30 0824561005×60 1.15 KB

When I add images and title I don’t got that inside data and I can’t see it inside repeating group.

When agent add title and image inside pop up I made this workflow

Snimka zaslona 2024-09-30 102112
Snimka zaslona 2024-09-30 102112540×591 25.8 KB

Now I stock my brain don’t work any more because I try and try two weeks I fixing something than is simple :slight_smile:

6

I guess this is where it goes wrong. Your Floor Plan data type will only have 1 title and 1 image. Then, Property will have a list of Floor Plans. In this way, you can add images without title, or titles without images. Otherwise, if you do like you did, you cant keep track of which title belongs to which image.

7

Aha, so what is your advice. Is there some system or plugin where agent can put image with name and bubble give title of image name to tab or maybe just to show somehow name of image under image in gallery.

8

My previous post was my advice. Change your data structure to match I described. After that, you don’t need a plugin. All you need to do is a repeating group, that will have data source Current Page's Property's Floor Plans. And in a cell, you will design it to show the title if exists. If not, show the image. Add action to the title to toggle the image etc. All upto your imagination.

9

Thank you for your replay.
I am a newbie to bubble so I didn’t understand but I will find some solution.

Thank you!