Baca Juga :  PHP MySQL Inline Editing menggunakan jQuery Ajax

Cara Menambahkan Button “Clear Cart” Pada OpenCart 3.x

0 138

Pernahkah kamu melihat ada sesuatu yang hilang dari dropdown keranjang belanja di OpenCart 3.0?

Pernahkah kamu berada dalam skenario di mana kamu melihat-lihat toko online dan menambahkan barang ke shopping cart satu per satu. Ketika tiba-tiba kamu memutuskan ingin memulai lagi, apapun alasannya.
Tidakkah lebih mudah untuk memiliki satu tombol yang menghapus semua item dari shopping cart kamu?
Tentu akan lebih baik memiliki satu klik pilihan untuk membersihkan keranjang belanja. Dan di sini akan kami beritahukan cara menambahkan button itu di OpenCart 3.x, mulai sekarang akan lebih mudah bagi pelanggan kamu untuk mengelola konten keranjang belanja mereka.

Untuk mendapatkan tombol ini, kamu perlu menginstal modifikasi sederhana di didalam opencart. Kami akan menunjukkan bagaimana ini terlihat seperti di bawah ini. Setelah selesai, tampilan keranjang kamu akan terlihat seperti ini:

Untuk mendapatkan modifikasi ini ke dalam opencart, buka editor teks seperti Sublimetext, Notepad ++, Dreamweaver, dll.

Salin kode ini:

<modification>
<name>Button Clear Cart by Infokoding</name>
<version>1.0 (Initial)</version>
<link>https://www.infokoding.com</link>
<author>Infokoding</author>
<code>infokoding_clearcart</code>

<file path="catalog/view/theme/*/template/common/cart.twig">
<operation>
<search><![CDATA[<a href="{{ cart }}"><strong><i class="fa fa-shopping-cart"></i>]]></search>
<add position="replace"><![CDATA[
<script type="text/javascript">
function clearCart() {
$.ajax({
url: 'index.php?route=checkout/cart/clearcart',
dataType: 'json',
success: function(json) {
$('#cart-total').html(json['total']);
if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') {
location = 'index.php?route=checkout/cart';
} else {
$('#cart > ul').load('index.php?route=common/cart/info ul li');
}
}
});
}
</script>
<a style="cursor:pointer;" onclick="clearCart();" ><strong><i class="fa fa-times"></i> {{button_clearcart }}</strong></a>&nbsp;&nbsp;&nbsp;<a href="{{ cart }}"><strong><i class="fa fa-shopping-cart"></i>
]]></add>
</operation>
</file>

<file path="catalog/controller/checkout/cart.php">
<operation>
<search><![CDATA[public function add() {]]></search>
<add position="before"><![CDATA[
public function clearcart() {
$this->load->language('checkout/cart');
$json = array();
$this->cart->clear();
$total = 0;

unset($this->session->data['vouchers']);
unset($this->session->data['shipping_method']);
unset($this->session->data['shipping_methods']);
unset($this->session->data['payment_method']);
unset($this->session->data['payment_methods']);
unset($this->session->data['reward']);

$json['total'] = sprintf($this->language->get('text_items'), $this->cart->countProducts() + (isset($this->session->data['vouchers']) ? count($this->session->data['vouchers']) : 0), $this->currency->format($total, $this->config->get('config_currency')));

if (isset($this->request->get['shoppingcart']) && $this->request->get['shoppingcart']=='true') {
$this->response->redirect($this->url->link('checkout/cart'));
} else {
$this->response->addHeader('Content-Type: application/json');
$this->response->setOutput(json_encode($json));
}
}
]]></add>
</operation>
</file>

<file path="catalog/controller/common/cart.php">
<operation>
<search><![CDATA[$this->load->language('common/cart');]]></search>
<add position="after"><![CDATA[
$data['button_clearcart'] = $this->language->get('button_clearcart');
]]></add>
</operation>
</file>

<file path="catalog/controller/checkout/cart.php">
<operation>
<search><![CDATA[$this->load->language('checkout/cart');]]></search>
<add position="after"><![CDATA[
$data['button_clearcart'] = $this->language->get('button_clearcart');
$data['link_clearcart'] = $this->url->link('checkout/cart/clearcart', 'shoppingcart=true');
]]></add>
</operation>
</file>

<file path="catalog/language/en-gb/common/cart.php">
<operation>
<search><![CDATA[$_['text_recurring'] = 'Payment Profile';]]></search>
<add position="before"><![CDATA[
$_['button_clearcart'] = 'Clear Cart';
]]></add>
</operation>
</file>

<file path="catalog/language/en-gb/checkout/cart.php">
<operation>
<search><![CDATA[$_['column_total'] = 'Total';]]></search>
<add position="before"><![CDATA[
$_['button_clearcart'] = 'Clear Cart';
]]></add>
</operation>
</file>

<file path="catalog/view/theme/*/template/checkout/cart.twig">
<operation>
<search><![CDATA[{% if modules %}]]></search>
<add position="before"><![CDATA[
<a href="{{ link_clearcart }}" class="btn btn-default" title="{{button_clearcart}}">{{button_clearcart}}</a>
]]></add>
</operation>
</file>
</modification>
Baca Juga :  Bagaimana Cara Mengatasi Error Establishing a Database Connection di WordPress

Sekarang sisipkan ke editor teks kamu.

Simpan file dan beri nama install.xml. Setelah itu kompres menjadi .ZIP dan beri nama seperti clearcart.ocmod.zip.

Apa pun yang berakhiran .ocmod.zip akan bekerja.

Buka admin OpenCart dan kemudian Extensions > Installer.

Upload .ZIP dan kemudian masuk ke Modifications.

Klik tombol Refresh. Sekarang kamu sudah selesai!

Untuk Multilingual OpenCart Stores

Karena modifikasi di atas adalah untuk toko dengan bahasa default. Modifikasi tambahan ini memungkinkan kamu untuk menambahkan tombol yang sama, namun dalam bahasa kamu sendiri.

Kami akan memberi contoh dengan contoh kode yang menerjemahkan tombol Clear Cart ke Indonesia.

Salin kode:

<?xml version="1.0" encoding="utf-8"?>
<modification>
<name>Clear Cart Modification</name>
<code>clear_cart_modification</code>
<version>1.0</version>
<author>Infokoding</author>
<link>https://www.infokoding.com</link>

<file path="catalog/language/en-gb/checkout/cart.php">
<operation>
<search><![CDATA[$_['text_recurring']]]></search>
<add position="before"><![CDATA[
$_['button_clearcart'] = 'Clear Cart';
]]></add>
</operation>
</file>

<file path="catalog/language/id-ID/checkout/cart.php">
<operation>
<search><![CDATA[$_['text_recurring']]]></search>
<add position="before"><![CDATA[
$_['button_clearcart'] = 'Hapus Cart';
]]></add>
</operation>
</file>

<file path="catalog/language/id-ID/common/cart.php">
<operation>
<search><![CDATA[$_['text_recurring']]]></search>
<add position="before"><![CDATA[
$_['button_clearcart'] = 'Hapus Cart';
]]></add>
</operation>
</file>

</modification>

Ubah teks “Clear Cart” menjadi setara dalam bahasa indonesia.

Sekarang, ulangi tindakan yang sama.

Sisipkan ke editor teks kamu, simpan sebagai install.xml, kompres ke dalam .ZIP dengan .ocmod.zip di akhir dan upload dengan Installer.

Buka Modifikasi dan klik Refresh.

Masih ada lagi!

Tombol Clear Cart juga muncul di halaman keranjang.

Ketika kamu mengklik link Lihat Keranjang, itu akan membawa kamu ke halaman sebelum melanjutkan checkout.

Pelanggan kamu sekarang dapat segera mengedit keranjang belanja mereka dan memiliki sedikit pengalaman yang lebih baik di toko kamu.

Semoga kamu menyukai modifikasinya! Beri tahu kami pendapat kamu di komentar di bawah ini!

Get real time updates directly on you device, subscribe now.

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.