Hi!
I want to make a shop GUI using a imagelabel but i cant seem to figure it out!
Any help would be much appreciated!
Thanks!
3 Likes
Do you want to make a shop out of one singular ImageLabel, or make one out of multiple?
I want that the shop background will be one mage, but the items/characters will have their own images
When you’re working with multiple ImageLabels, then I’d suggest putting it into a Frame. Then you can move the entire Frame if you wish to move the shop GUI.
For each character / item in the shop, add an ImageButton so the players can interact with it if they want to buy it.
Just upload multiple images and use those images for the imagelabel that you made.
I know , i want that the actual shop itself should be a image!
Without the images inside yet
Then make the shop background an ImageLabel and make an image for it.
@Miszuki
here is tutorial for that:
2 Likes
How? How would i do that? Please ellaborate
1 Like
In order to make a Shop GUI with ImageLabels in it you firstly need to put a Frame as the main GUI, where everything will be located. Then you can put an image label inside it and resize it as u wish and change the transparency and the background transparency. Of course, you can put the Main Frame as an image label.
For more inspiration, you can search on youtube since there are tons of tutorials, with and without images in them.
In order to make a shop GUI you’ll firstly have something to sell. Then the other things are simple Tween scripts and/or image labels properties.
2 Likes
In StarterGui, you can insert an ImageLabel, which you can add an image to and resize. When you have your desired Shop image, you can paste the asset link into the Image and you can edit it from there.
If you wish to move it around, then insert it into a Frame and put everything else into the Frame as well so you don’t have to move it indiviually.
have you see my comment? @ii_G0N3
As @iy_uhn said, you need to put the GUI’s in StarterGui and make the scripts Local (so they can work only on the local player who clicked/opened the GUI).
In order to move an image around or a frame, you’ll need to select it first from Explorer window. Then you’re free to move it wherever you want.
Also make sure you set the Size Offset both X and Y to 0 , so it can be proportional both on PC/Laptop and on Mobile.
And yes, @REALINONOOBYT i saw ur comment, no need to point that out.
Going back on what @ii_G0N3 said on this thread, if you want to make it so it can be proportional on all device, you should add a UIAspectRatioConstraint.
In its most basic form, this will keep the UI scaled up and down at the same ratio. More on that here:
1 Like
The tutorial is old, and even says in the the description that it is broken.
But i wat the shop to be completely GUI based. not touching a part or anything
1 Like
then this tutorial can help you: 
You can utilize magnitude checks near the character and when detected, have a billboard gui with the prompt (press bla bla bla, to open shop) and of course, since the player is within the magnitude, it is verified that the player can infact open it, so you tween it in/visible/parent/etc to show the gui then when you’re finished, you can detect if the player walks away disabling it or closing it disabling the mangitude check temporarily.
If you want us to understand you better, tell us exactly what you want to achieve . How the GUI needs to look and what does it needs to have in it.
Since now, we all told you three ways of making a Shop GUI : By touching an object; by creating a GUI with text and buttons and by creating a GUI with image buttons. If you really really need a GUI, i can make a place and create a Shop for you and then i can give you the place link so u can edit it however you want.