Header
header.blade.php
File header biasanya meliputi bagian-bagian atas dari tema yang kamu mau buat. Didalam header ini juga merupakan tempat bagi:
- keranjang belanja
- menu utama dari tema kamu
- logo dari toko online
- bisa digunakan untuk tempat link-link untuk login dan member information.
Keranjang Belanja
Untuk menampilkan informasi keranjang belanja, kamu bisa menggunakan variable $ShoppingCart
atau menggunakan helper shopping_cart()
. Untuk panduan pembuatan widget shopping cart kamu bisa melihat detailnya disini.
Agar shopping cart berubah saat user menambahkan cart, maka pastikan parent dari tempat kamu menaruh content dari shopping_cart()
memiliki id shoppingcartplace
. Contohnya:
<div id='shoppingcartplace'>
{{shopping_cart()}}
</div>
Menu Utama
Kamu bisa menampilkan menu utama dengan menggunakan helper main_menu()
yang akan mereturn menu collection yang bisa kamu iterate masing-masing itemnya. Selain itu kamu bisa menggunakan menu_url()
untuk membantu mengenerate url dari masing-masing menu tersebut.
Logo
Kamu bisa menampilkan logo dengan menggunakan helper logo_image_url()
Member Login & Link
Kamu bisa mengecek apakah pengunjung tersebut sedang login ke toko tersebut dengan menggunakan helper is_login()
yang akan mereturn true jika pengunjung toko login sebagai member. dan user()
untuk mendapatkan informasi member tersebut.
Kategori sebagai menu
Kamu bisa menggunakan kategori produk sebagai menu dengan cara menggunakan helper category_menu($tipe)
parameter
$tipe
: (optional) secara default akan memanggil semua list kategori, tapi kamu bisa membatasi list kategori agar dapat menyesuaikan tampilan header tema dengan menggunakan tipe=1.
Contoh file header.blade.php
<header class="header-top-main">
<section class="header-top">
//DI PART INI ADALAH BAGIAN UNTUK LINK MEMBER / ACCOUMNT /LOGIN/LOGOUT
@if (is_login())
<div id="welcome">
Selamat datang {{user()->nama}}, {{HTML::link('member', 'Akun')}} | {{HTML::link('order-history', 'Order History' )}} | {{HTML::link('logout', 'logout')}}
</div>
@else
<div id="welcome">
Selamat datang! Silakan {{HTML::link('member', 'Login disini')}} atau {{HTML::link('member/create', 'Register')}}.</div>
@endif
//CONTOH PEMANGGILAN KERANJANG BELANJA
<div id='shoppingcartplace'>
{{shopping_cart()}}
</div>
<div class="clear"></div>
</section>
<section id="header-main">
<div id="header">
//PART INI DIGUNAKAN UNTUK MENAMPILKAN LOGO TOKO
<div id="logo">
<a href="{{url('home')}}">
<img src="{{logo_image_url($toko->logo)}}" alt="" />
</a>
</div>
//BAGIAN INI MERUPAKAN MENU UTAMA
<div class="links">
@foreach(main_menu()->link as $key=>$link)
<a href={{menu_url($link)}}>
{{$link->nama}}
</a>
@endforeach
</div>
//SEBUAH SEARCHING FORM JUGA BISA DITEMPATKAN DIFILE INI
<div id="search">
<div class="button-search"></div>
<form action="{{URL::to('search')}}" method="post">
<input type="text" value="" placeholder="Cari Produk" id="filter_name" name="search">
</form>
</div>
</div>
</section>
//SELAIN MENU UTAMA, KALIAN JUGA BISA MEMBUAT MENU DENGAN LIST KATEGORI PRODUK
<nav class="menu-main">
<h3 class="menuarrow"><span>Menu</span></h3>
<div id="menu">
<ul>
@if(count(category_menu()) > 0)
@foreach(category_menu(1) as $key=>$menu)
@if($menu->parent=='0')
<li>
<a href={{category_url($menu)}}>
{{$menu->nama}}
</a>
@if($menu->anak->count()!=0)
<div>
<ul>
@foreach($menu->anak as $key => $submenu)
<li>
<a href={{category_url($submenu)}}>
{{$submenu->nama}}
</a>
</li>
@endforeach
</ul>
</div>
@endif
</li>
@endif
@endforeach
@endif
</ul>
</div>
</nav>
</header>
Contoh di atas merupakan part-part yang dapat anda isi di dalam file header tema anda.