OmahCitra store template: catalog, cart, checkout, shipping, payment (HTML/CSS/jQuery)

This commit is contained in:
cania
2026-08-11 11:44:51 +02:00
commit a3b20e1de4
7 changed files with 751 additions and 0 deletions

41
README.md Normal file
View File

@@ -0,0 +1,41 @@
# OmahCitra Store
Template **toko online** statis (HTML + CSS + jQuery) — katalog produk terlaris
di Indonesia dengan keranjang belanja, checkout, pengiriman, dan pembayaran.
> Built as a rebuild of www.omahcitra.com into an online-store layout.
## Fitur
- **Katalog** — 12 produk paling laku (elektronik, fashion, kecantikan, makanan,
rumah tangga) dengan filter kategori & pencarian.
- **Shopping Cart** — tambah/hapus, ubah qty, subtotal real-time.
- **Checkout (Order)** — data penerima (nama, alamat, HP).
- **Pengiriman** — 4 kurir: JNE, SiCepat, POS, GoSend (ongkir + ETD).
- **Pembayaran** — 6 metode: QRIS, GoPay, OVO, DANA, Transfer Bank, COD.
- **Konfirmasi** — nomor pesanan + ringkasan order.
## Struktur
```
omahcitra-store/
├── index.html # halaman toko (semua view)
├── css/style.css # styling layout toko online
└── js/
├── jquery-3.7.1.min.js # jQuery (lokal, jalan offline)
├── products.js # data 12 produk + opsi kurir & pembayaran
└── app.js # logika jQuery: cart, checkout, shipping, payment
```
## Cara pakai
Buka `index.html` langsung di browser (double-click). jQuery sudah lokal, jadi
**tidak butuh internet**.
## Catatan
- Ini template front-end statis (simulasi order, tanpa backend/database).
- Data produk adalah contoh "paling laku di Indonesia", bukan data real-time.
## License
MIT — bebas dipakai & dimodifikasi.