Cara Mengonfigurasi Halaman Keranjang
Motren
---
Table of Contents
Cara Memasang Halaman Keranjang
Pasang kode ini di menu Halaman Blogger.
<div class="product_cart hidden">
<div class="product_cart_left">
<div class="product_cart_clear_cart">
<h3>Barang yang Dibeli</h3>
<button class="clear_cart_popup_button mstore_button small outlined fwm" type="button">Hapus</button>
<div class="clear_cart_popup">
<div class="clear_cart_popup_inner">
<h2>Hapus barang?</h2>
<p>Semua barang akan dihapus dari keranjang Anda.</p>
<div class="clear_cart_popup_bottom">
<button class="clear_cart_button mstore_button small filled fwm" type="button">Hapus Barang</button>
<button class="cancel_clear_button mstore_button small outlined fwm" type="button">Batalkan</button>
</div>
</div>
</div>
</div>
<ul class="product_cart_items"></ul>
</div>
<div class="product_cart_right">
<div class="product_cart_summary">
<h3>Ringkasan Belanja</h3>
<div class="product_cart_total_item">
<span>Total Harga (<span>0</span> barang)</span>
<span class="cart_total" data-price="0">-</span>
</div>
<div class="product_cart_total_price">
<span>Total Harga</span>
<span class="cart_total" data-price="0">-</span>
</div>
<button class="checkout_button mstore_button small filled fwm" type="button"><span>Beli (<span>-</span>)</span></button>
</div>
</div>
</div>
<div class="product_cart_empty">
<h2>
Wah, keranjang belanjamu kosong
</h2>
<p>Yuk, isi dengan barang-barang impianmu!</p>
<a class="mstore_button small filled fwm" href="/"><svg fill='currentColor' viewBox='0 0 24 24'><path d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z'></path></svg> Mulai Belanja</a>
</div>
Konfigurasi URL Halaman Keranjang
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul MStore Settings.
-
Klik tombol edit (ikon pensil) di Template Code (Do not disable).
-
Akan muncul pop up konfigurasi Widget.
-
Pada kolom Judul biarkan pengaturan tetap pada nilai default.
-
Pada kolom Konten cari kode
var linkToCartPage. Atur pada bagian nilainya, contohnya seperti URL ini:/p/cart.html. -
Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
- Selesai