[FREE] PDM Vehicle shop [ESX] otaku_vehicleshop

Hey guys, this is my first release here - it’s a simple vehicle shop through NUI that should be good across resolutions, it uses lazy loading for the images so that performance shouldn’t be impacted for those with slower computers or connections.
Totally open to feedback either through here or on github - the release is opensource so feel free to create PRs if you’re looking to contribute too :slight_smile:



Features

  • Buy Vehicles
    Purchase confirmation, categorized pages and pagination all included
  • Sell Vehicles
    The config file also allows for adjusting the sell-back rate
  • Featured Page
    I use this as a “Limited Edition” cover page on my server
  • Open Source
    Modify to your liking or contribute to the github directly through PRs
  • Version Checking
    Automatic version checking makes sure you don’t fall behind with any important updates!

Requirements

  • es_extended
  • mysql-async

Download & Source (v.1.3.0 Now Available)

Github: GitHub - Sojobo/otaku_vehicleshop: Otaku Vehicleshop for FiveM (ESX)

Video

28 Likes

Thanks for thinking about the whole community by making this free.

15 Likes

#Sojobro

1 Like

thanks Thats a good start
ıf ı have a lvl up xp system on my server
how can ı connect them to each other
like there will be cars you cant get till you be in lvl 10 maybe

Without knowing how your XP system works, I guess you’d want to take a look at the server/main.lua at the MySQL.ready function - where I place all vehicles from the vehicles table into an object - you could instead filter that list and remove any vehicles you don’t want to be available to players.

how can you make it pull images from pc instead of a link? In the database i have it as img/(car).png

Hey dude, if you don’t want to use externally hosted images, you could add a folder to the html folder for images and then replace this in the ui.html;

:style=“{ ‘background-image’: ‘url('’ + currentVehicles[0].imglink + ‘')’ }”

With;

:style=“{ ‘background-image’: ‘url('/images/’ + currentVehicles[0].model + ‘.png')’ }”

This would assume you place images in html/images/modelname.png

You’d also want to adjust the fxmanifest;

files {
“html/ui.html”,
“html/ui.css”,
“html/ui.js”,
“html/header.png”,
“html/images/*.png”
}

1 Like

Did you misclicked the Topic or is this really free? Good job (:

1 Like

Nice release. :slight_smile:

2 Likes

Nice release, Can you share your HUD? Please

I’m using Trew Hud UI, although I’ve made a few adjustments;

2 Likes

Looking good, handy little script for server owners wishing to sell cars through a nice UI.

1 Like

Great job brother and you keep it free this resource. Approved from me +Rep +rep +rep <3

1 Like

Thanks for the positive feedback guys. I’ve pushed several commits and bumped the latest release up to v1.1, it mainly includes bug fixes for things I’ve forgotten to remove that relied on my own servers setup but I’ve also added a version checker so even if you don’t keep track of the thread you’ll see that updates or fixes are available when ready :slight_smile:

very nice. can add test drive?

2 Likes

Hmm not a bad idea, yeah I might look into this as an update :slight_smile:

1 Like

My Dev great release and sharing to the whole community!

1 Like

Can you share your notification alert? it looks really neat

It’s actually just pNotify, I think it’s a common resource people use - I’ve simply reskinned it :slight_smile:

Sup love it, but is this WIP? The close button doesn’t work on the UI and you can’t change pages