[Release] [ESX] Vehicle shop UI

FiveM Releases
,
1

Hey, today I am releasing esx_vehicleshop ui.
The main html was taken from [REALESE] [VRP] vrp_conce.
The most of the script part was rewritten.
The code is not the cleanest and it needs alittlebit of bug fixing.

Functionality

  • Clean UI
  • Filtering cars by category

Installation

  • Run MySQL query
  • Put resource in your resource folder
  • Start the resource in your CFG

Changing triggers

You will need to change default vehicleshop triggers in jobs that use esx_vehicleshop.
Here are the triggers

  • “SC-vehicleshop:retrieveJobVehicles”
  • “SC-vehicleshop:setJobVehicleState”

Known issues

  • For now there is no vehicle resell.
  • Some scripts might break, haven’t tested.

Pictures

image
image1779Ă—969 88 KB

image
image1680Ă—927 81.5 KB

Download

SC-vehicleshop.rar (36.6 KB)

If you want to support my work, you can get the script trough tebex

https://boostsc.tebex.io/package/4270288

Changelog

  • 1.0.0 Initial release
  • 1.0.1 Added help notification, hopefully fixed the entering shop bug
5 Likes
2

Looks nice well done!
bug I found:
“Enter shop marker” must be in the air for the menu to open and there is no notification when you are on that marker.

1 Like
3

nice work man

2 Likes
4

Will add this :slight_smile:

1 Like
5

Bro! This is SUPER clean! I love it.

2 Likes
6

Love your work, bro, always comes fresh and clean!

1 Like
7

New version is out !

  • Added help notification, some bug fixes
8

How can I remove the “undefined” Description? Like how can I make description just not appear below the car names? Thanks in advance.

9

Go into script.js and there is a line for adding description

10

I tried that one but couldn’t find specifically where it was, can you help me with which line is it in? Thanks.

11 
 <div class="description">
                    <h1>` + veiculos_data[item].nome + `</h1>
                    <p>` + veiculos_data[item].descricao + `</p>  <-- Remove this
                    <p class="read-more">
                      <a id="comprar" data-id="` + veiculos_data[item].modelo + `" onclick="animation()">Buy</a>
                    </p>
                  </div>
                </div>
12

Still appears “undefined” below the name.

Edit: This even messes up more that filters don’t work.

13

Well done, More things like this

1 Like
14

how do you add images? I know you have to put it in the database but how, mines not working.

15

you have to put the img link, from like imgur

16

ok last question, where would I change the font color? I’ve been trying to change it

17

text colors are in ui.css

18

Hey, thanks for the share! Its Awesome! I have a problem, can you help me?

“no such export GeneratePlate in resource SC-vehicleshop” happen when i buy a car in ambulancejob, i have modified all files and i cant make it work.
You Have an ideia the solution for this?

Sorry for my bad english, im portuguese.

Thanks!!

19

Huh weird, will try to replicate your problem :slight_smile:

20

does this vehicle shop, work with eden garage2?