Jual Kode
Beranda / Web App / Carzo - Website Showroom Jual Beli Mobil Bekas
Carzo - Website Showroom Jual Beli Mobil Bekas
Web App
Lisensi komersial
Bebas pakai untuk project klien
Kode rapi
Struktur jelas & mudah dikembangkan
Dukungan update
Perbaikan bug minor

Carzo - Website Showroom Jual Beli Mobil Bekas

Kategori: Web App Belum ada ulasan
Rp 400.000
Detail
  • Kategori: Web App
  • Rilis: 17 Sep 2025
  • Kode: #4
Termasuk
  • Source code lengkap
  • Instruksi setup singkat
  • Lisensi pemakaian
Changelog

Perubahan yang diterapkan

  • car.php
    • Query detail sekarang LEFT JOIN ke brands dan models. Selalu menampilkan brand_name/model_name dengan fallback ke teks lama.
    • Rekomendasi “Produk lainnya” diprioritaskan berdasarkan brand_id (jika ada), lalu fallback brand teks.
  • index.php
    • Filter beralih ke id:
      • brand_id dan model_id (model bersifat dependent; akan muncul opsi jika merek dipilih).
    • Query listing tetap menampilkan brand/model seperti sebelumnya, namun filter WHERE menggunakan id.
  • admin/cars.php
    • Admin list menampilkan brand_name/model_name hasil LEFT JOIN dengan fallback string.

Tool admin untuk backfill

  • File baru: admin/tools_backfill_ids.php
    • Fungsi: mengisi cars.brand_id dan cars.model_id dari data string brand/model yang sudah ada.
    • Akses: Admin > buka URL .../admin/tools_backfill_ids.php, klik “Jalankan Backfill”.

Cara penggunaan dan catatan

  • Setelah Anda menambahkan master merek/model, jalankan backfill sekali agar semua mobil lama mendapat brand_id/model_id.
  • Filter di beranda:
    • Pilih Merek → daftar Model otomatis terisi untuk merek tersebut.
    • Jika ingin reset Model, set ke “Semua Model”.
  • Semua tampilan kini menggunakan nama normalisasi jika tersedia, sehingga konsisten dan bebas typo.
Deskripsi

Berikut daftar fitur website “Carzo — Find. Check. Drive.” yang bisa Anda pakai untuk posting di marketplace:

Fitur untuk Pengunjung

  • Sistem katalog mobil
    • Menampilkan kartu mobil lengkap: foto cover, judul, brand/model/tahun, transmisi, bahan bakar, kilometer, harga.
    • Badge “TERJUAL” otomatis pada unit yang sudah laku.
  • Filter & pencarian
    • Pencarian kata kunci, filter merek, tahun, transmisi, bahan bakar, plat, rentang harga, dan sorting (terbaru/termurah/termahal/terbaru per tahun).
  • Halaman detail mobil
    • Slider foto dengan thumbnail yang besar, proporsional, dan navigasi Prev/Next.
    • Autoplay slider dan navigasi keyboard (panah kiri/kanan).
    • Deskripsi panjang rapi (area scroll).
    • Rekomendasi “Produk lainnya yang mungkin kamu suka” (prioritaskan merek sama).
    • Tombol kontak WhatsApp cepat.
  • Halaman “Kenapa Kami”
    • Keunggulan utama, trust badges/statistik, testimoni singkat, FAQ, dan CTA.

Fitur Foto & Galeri

  • Galeri per mobil
    • Upload banyak foto sekaligus.
    • Set “Jadikan Cover” langsung dari galeri.
    • Penanda “Cover” pada gambar yang menjadi thumbnail utama.
    • Notifikasi berhasil/gagal saat set cover atau hapus foto.
  • Thumbnail cover otomatis muncul di beranda dan kartu produk.

Fitur Admin

  • Kelola mobil
    • Tambah/Edit/Hapus mobil.
    • Status “Terjual” (checkbox) untuk menandai unit laku.
    • Transmisi & Bahan Bakar sebagai checkbox pilihan tunggal (Automatic/Manual; Bensin/Solar/Listrik/Hybrid/LPG).
    • Kolom Deskripsi di panel kanan yang tinggi (sticky) untuk input nyaman.
    • Upload gambar utama dan pengelolaan galeri per mobil.
  • Master data Merek & Model
    • Halaman master Merek dan Model (CRUD).
    • Form produk pakai dropdown pencarian async:
      • Pilih Merek dengan search (async).
      • Pilih Model yang otomatis terfilter oleh Merek (async).
      • Tersimpan sebagai brand/model (teks) sekaligus brand_id/model_id (id) untuk konsistensi data.
    • Placeholder “Pilih merek terlebih dahulu” di Model bila brand belum dipilih.
  • Notifikasi & UX
    • Banner notifikasi sukses/gagal (misal set cover, hapus gambar).
    • Form validasi dasar dan tampilan UI modern (Tailwind).

Teknis & Keamanan

  • Desain responsif (mobile-ready) dengan Tailwind CSS.
  • Struktur database rapi:
    • Tabel cars + car_images + master brands dan models.
    • Kolom brand_id/model_id untuk konsistensi, plus fallback brand/model string.
  • Setup script
    • setup.php untuk inisialisasi tabel dan seed data awal.
  • Admin login (pengamanan dasar area admin).