Aplikasi toko online fashion dengan katalog produk, keranjang belanja AJAX, pembayaran Midtrans, checkout WhatsApp, dan admin panel lengkap. Fully responsive untuk mobile, tablet, dan desktop.
Siap pakai
Responsive
Dari katalog produk hingga pembayaran otomatis, semuanya sudah terintegrasi dan siap pakai.
Grid responsif dengan filter kategori, pencarian produk, varian ukuran & warna via modal.
Tambah, hapus, update quantity tanpa reload halaman. Pengalaman belanja yang mulus.
Countdown realtime yang bisa diatur dari admin. Buat urgency untuk meningkatkan konversi.
Popup pembayaran multi-metode: kartu kredit, VA, Alfamart, GoPay, QRIS, dan lainnya.
Konfirmasi pesanan otomatis ke WhatsApp. Cocok untuk penjualan manual dan offline.
Pelanggan bisa lacak status pesanan via nomor WA dengan timeline visual yang jelas.
Judul, subtitle, gambar, CTA, floating elements โ semua bisa diatur dari admin panel.
Dashboard analytics, CRUD produk, pesanan manual, ongkir, pengaturan toko, dan tampilan.
Perhitungan ongkos kirim per kota berdasarkan berat. Base cost + cost per kg.
Tampilan modern dan profesional, dioptimalkan untuk semua ukuran layar.
Kombinasi powerful antara Laravel, Bootstrap, dan Tailwind CSS tanpa build tools yang rumit.
PHP 8.3 ยท Backend Framework
CSS Framework Statis
Standalone CLI ยท No npm
Database ยท Session ยท Cache
VA ยท QRIS ยท GoPay ยท Kartu
Checkout & Konfirmasi
Siap Deploy tanpa Node
Cukup beberapa command saja, PaduClothes sudah siap dijalankan di localhost kamu.
# Pastikan database MySQL 'paduclothes' sudah dibuat
composer run setup
php artisan migrate:fresh --seed
php artisan storage:link
composer run build:tailwind
php artisan serve
# Akses di http://localhost:8000
Kelola produk, pesanan, pengaturan toko, dan tampilan dari satu tempat. Login di bawah ini.
Tidak ada Vite/Webpack/npm. Upload, jalankan command, selesai.
Upload seluruh folder project via FTP/File Manager ke public_html/paduclothes/.
| Upload โ | Jangan Upload โ |
|---|---|
app/, bootstrap/, config/ | .env |
database/, resources/, routes/ | storage/ |
public/, composer.json | vendor/ |
composer.lock, .env.example, artisan | node_modules/, .git/ |
# Masuk SSH atau terminal hosting
cd public_html/paduclothes
# Setup otomatis (install, .env, key, migrate)
composer run setup
# Seed data awal (opsional)
php artisan migrate --seed
# Storage link
php artisan storage:link
# Cache
php artisan config:cache
php artisan route:cache
Document root harus diarahkan ke folder public/ di dalam project โ bukan folder utama.
| Cara | Langkah |
|---|---|
| cPanel | Domains โ pilih domain โ ganti Document Root ke public_html/paduclothes/public |
| File Manager | Arahkan document root ke public_html/paduclothes/public |
| Manual | Buat .htaccess di public_html: RewriteRule ^(.*)$ paduclothes/public/$1 [L] |
chmod -R 755 storage bootstrap/cache
chmod -R 755 public/storage
Diuji di Chrome DevTools dari 320px hingga 1440px. Mobile-first, selalu responsif.
| Breakpoint | Grid Produk | Filter | Cart | Admin Sidebar |
|---|---|---|---|---|
| Mobile (< 768px) | 2 kolom โ 1 kolom | Offcanvas | Card list | Offcanvas |
| Tablet (768-992px) | 2 kolom | Offcanvas | Card list | Offcanvas |
| Desktop (> 992px) | 3 kolom | Sidebar tetap | Table | Sidebar tetap |
Dapatkan kode sumber PaduClothes siap pakai โ tinggal install, konfigurasi, dan jualan.