Skip to content
logo

Kotak Kode Pemograman

Sharing tentang bahasa pemograman

  • WordPress
    • Plugin
  • Tutorial
    • PHP
  • Laravel
  • Tools Webbsite
  • Desain
  • Source Code
  • Web Developer
  • Toggle search form

Tahap Pengembangan 10

Posted on 17/07/2025 By kotakkode No Comments on Tahap Pengembangan 10

Baik, siap! Kita akan melanjutkan ke tahap pengembangan berikutnya: Tampilan Produk untuk Pembeli (Public Listing) dan Fungsionalitas Keranjang Belanja. Ini adalah langkah krusial agar pengguna dapat menjelajahi produk dan memulai proses pembelian.


Tahap 10: Tampilan Produk Publik & Keranjang Belanja

Pada tahap ini, kita akan membuat controller, rute, dan tampilan agar produk dapat dilihat oleh semua pengguna, serta fungsionalitas dasar keranjang belanja.

10.1. Product Listing Controller (Untuk Pembeli)

Kita akan membuat controller untuk menampilkan daftar produk dan detail produk.

ProductController (Public)

14 Jul, 18.02

Buka https://g.co/gemini/share/0628361b999b https://g.co/gemini/share/0b8ef02acdff

Bash

php artisan make:controller ProductController

10.2. Cart Controller

Kita akan membuat controller untuk mengelola keranjang belanja (menggunakan session Laravel untuk kesederhanaan, bisa diubah ke database untuk keranjang persisten).

CartController

14 Jul, 18.02

Buka https://g.co/gemini/share/7dc1e78246e1

Bash

php artisan make:controller CartController

10.3. Rute Produk Publik & Keranjang Belanja

Tambahkan rute ini di routes/web.php. Rute produk tidak memerlukan middleware auth karena dapat diakses publik.

Rute Produk Publik & Keranjang Belanja (routes/web.php)

14 Jul, 18.02

Buka https://g.co/gemini/share/60484cbba401

10.4. Tampilan Daftar Produk Publik

Buat direktori resources/views/products/ dan di dalamnya buat file index.blade.php.

Public Products Index View (products/index.blade.php)

14 Jul, 18.02

Buka https://g.co/gemini/share/bb809b7c0732

10.5. Tampilan Detail Produk Publik

Buat file resources/views/products/show.blade.php. Ini akan menjadi tampilan yang lebih kompleks, terutama untuk produk bervarian.

Public Products Show View (products/show.blade.php)

14 Jul, 18.02

Buka https://g.co/gemini/share/2171edd855f3

10.6. Tampilan Keranjang Belanja

Buat file resources/views/cart/index.blade.php.

Cart Index View (cart/index.blade.php)

14 Jul, 18.02

Buka https://g.co/gemini/share/7c497cede667


Ringkasan Tahap Pengembangan Saat Ini:

Anda telah berhasil mengimplementasikan:

  • Tampilan Produk Publik: Pengguna dapat melihat daftar produk yang diterbitkan, mencari, dan melihat detail produk (termasuk varian dan ulasan).
  • Fungsionalitas Keranjang Belanja: Pengguna dapat menambah, memperbarui kuantitas, dan menghapus item dari keranjang belanja mereka (disimpan di session).
  • Logika validasi stok untuk produk single dan multi-varian saat menambahkan ke keranjang.

Langkah Selanjutnya yang Perlu Anda Lakukan:

  1. Pastikan semua model Eloquent sudah ada dengan relasi yang benar, terutama untuk Product, ProductVariant, ProductImage, File, User, Vendor, Category, Attribute, AttributeValue, dan Review.
  2. Uji coba:
  • Pastikan ada produk yang diterbitkan oleh vendor (status = ‘published’) di database Anda. Jika belum, buat beberapa melalui panel vendor yang sudah Anda buat, lalu set statusnya secara manual di database menjadi published untuk sementara.
  • Akses /products untuk melihat daftar produk.
  • Klik detail produk, coba pilih varian (jika ada) dan tambahkan ke keranjang.
  • Akses /cart untuk melihat isi keranjang, coba ubah kuantitas, dan hapus item.

Setelah Anda berhasil mengimplementasikan dan menguji coba bagian ini, kita akan melanjutkan ke Manajemen Pesanan Vendor dan Proses Checkout yang lebih kompleks.

Apakah ada pertanyaan atau bagian yang ingin Anda perjelas sebelum melanjutkan?

BLSNIAGA

Post navigation

Previous Post: Tahap Pengembangan 9
Next Post: Tahap Pengembangan 11 – 12

Related Posts

E-commerce Lokal dengan Fitur Khusus BLSNIAGA
Konsep E-commerce Multi-Vendor Komprehensif BLSNIAGA
Langkah-Langkah Pembuatan E-commerce BLSNIAGA
Tahap Pengembangan 15 BLSNIAGA
Tahap Pengembangan 5-7 BLSNIAGA
Tahap Pengembangan 11 – 12 BLSNIAGA

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2026 Kotak Kode Pemograman.

Powered by PressBook Grid Blogs theme