Today we will discuss\u00a0the process during add to cart in Opencart. The Opencart Cart processing is highly based on the Ajax Based.<\/p>\n
In default Opencart, we can add the product from the product search page, product page, product manufacturer page, product special\u00a0page, product compare page and product category pages.<\/p>\n
Everywhere in Opencart except the product page for the\u00a0particular product, it uses the add function which is in the catalog\/view\/javascript\/common.js file which is already loaded during the header load initially.<\/p>\n
<script src=\"catalog\/view\/javascript\/common.js\" type=\"text\/javascript\"><\/script><\/pre>\nProcesses through Javascript:<\/span><\/p>\n
When click\u00a0to the Add to cart button first it calls the add function of common.js by passing the product id and the minimum quantity to sell for that product.<\/p>\n
\/\/it has onclick evnet which calls the add function of the common.js script file by passing the product id and it's minimum quantity\r\n<button type=\"button\" onclick=\"cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');\"><i class=\"fa fa-shopping-cart\"><\/i> <span class=\"hidden-xs hidden-sm hidden-md\"><?php echo $button_cart; ?><\/span><\/button>\r\n<\/pre>\nIt sends the arguments the controller through the Post request<\/p>\n
\/\/Sends the Ajax request by post method and pass the product id and quantity as post data\r\nvar cart = {\r\n\t'add': function(product_id, quantity) {\r\n\t\t$.ajax({\r\n\t\t\turl: 'index.php?route=checkout\/cart\/add', \r\n\t\t\ttype: 'post',\r\n\t\t\tdata: 'product_id=' + product_id + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),\r\n\t\t\tdataType: 'json',<\/pre>\nProcesses at the Controller:<\/span><\/p>\n
First, it validates the product id and quantity arguments by getting the product information\u00a0of the product.<\/p>\n
\/\/add function of controller checkout\/cart\r\npublic function add() {\r\n\t\t$this->load->language('checkout\/cart');\r\n\r\n\t\t$json = array();\r\n\r\n \/\/Get the product id or set is as 0\r\n\t\tif (isset($this->request->post['product_id'])) {\r\n\t\t\t$product_id = (int)$this->request->post['product_id'];\r\n\t\t} else {\r\n\t\t\t$product_id = 0;\r\n\t\t}\r\n\r\n\t\t$this->load->model('catalog\/product');\r\n\r\n \/\/Get the product inforamtion to check the product minimum quantity with post quantity\r\n\t\t$product_info = $this->model_catalog_product->getProduct($product_id);\r\n\r\n\t\tif ($product_info) {\r\n\t\t\tif (isset($this->request->post['quantity']) && ((int)$this->request->post['quantity'] >= $product_info['minimum'])) {\r\n\t\t\t\t$quantity = (int)$this->request->post['quantity'];\r\n\t\t\t} else {\r\n\t\t\t\t$quantity = $product_info['minimum'] ? $product_info['minimum'] : 1;\r\n\t\t\t}\r\n<\/pre>\nAfter that, it gets the options of that product and validate to the required options and recurring of the product if these are exist\u00a0on the particular product.<\/p>\n
\t\/\/Getting the product option and validate for required options\r\n\t\t\t$product_options = $this->model_catalog_product->getProductOptions($this->request->post['product_id']);\r\n\r\n\t\t\tforeach ($product_options as $product_option) {\r\n\t\t\t\tif ($product_option['required'] && empty($option[$product_option['product_option_id']])) {\r\n\t\t\t\t\t$json['error']['option'][$product_option['product_option_id']] = sprintf($this->language->get('error_required'), $product_option['name']);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (isset($this->request->post['recurring_id'])) {\r\n\t\t\t\t$recurring_id = $this->request->post['recurring_id'];\r\n\t\t\t} else {\r\n\t\t\t\t$recurring_id = 0;\r\n\t\t\t}\r\n\r\n\t\t\t\/\/ Get the recurring profile and check for the recurring id if recurring exist on the product\r\n\t\t\t$recurrings = $this->model_catalog_product->getProfiles($product_info['product_id']);\r\n\r\n\t\t\tif ($recurrings) {\r\n\t\t\t\t$recurring_ids = array();\r\n\r\n\t\t\t\tforeach ($recurrings as $recurring) {\r\n\t\t\t\t\t$recurring_ids[] = $recurring['recurring_id'];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!in_array($recurring_id, $recurring_ids)) {\r\n\t\t\t\t\t$json['error']['recurring'] = $this->language->get('error_recurring_required');\r\n\t\t\t\t}\r\n\t\t\t}<\/pre>\nIf there are no error in $json array related to option and recurring it calls the add method of cart library which insert the product details and customer data to the Opencart cart table.<\/p>\n
if (!$json) {\r\n\t$this->cart->add($this->request->post['product_id'], $quantity, $option, $recurring_id);<\/pre>\nThe controller returns the JSON response by encoding to the $json array:<\/p>\n
$this->response->addHeader('Content-Type: application\/json');\r\n$this->response->setOutput(json_encode($json));<\/pre>\nThe json array can contain one of the following combination:
\n$json[‘error’] & $json[‘redirect’] : If gets error in required options or recurring id error
\n$json[‘success’] & $json[‘total’] : If add to the cart successfully<\/p>\n<\/p>\n
Processes after the Ajax request completed:<\/span><\/p>\n
If it contains the redirect parameter which redirects to the product page of that product or else it will show \u00a0 \u00a0the success message and load the html data by sending the request to the common\/cart info method and \u00a0 \u00a0 \u00a0 jquery parse it with ul li.<\/p>\n
success: function(json) {\r\n\t$('.alert, .text-danger').remove();\r\n\r\n \/\/If redirect parameter is in the json response then redirect to that location\r\n\tif (json['redirect']) { \r\n\t location = json['redirect'];\r\n\t}\r\n\tif (json['success']) {\r\n\t $('#content').parent().before('<div class=\"alert alert-success\"><i class=\"fa fa-check-circle\"><\/i> ' + json['success'] + ' <button type=\"button\" class=\"close\" data-dismiss=\"alert\">×<\/button><\/div>');\r\n\r\n\t \/\/ Need to set timeout otherwise it wont update the total\r\n\t\tsetTimeout(function () {\r\n\t\t $('#cart > button').html('<span id=\"cart-total\"><i class=\"fa fa-shopping-cart\"><\/i> ' + json['total'] + '<\/span>');\r\n\t\t}, 100);\r\n $('html, body').animate({ scrollTop: 0 }, 'slow');\r\n\r\n \/\/ Load the cart inforamtion from common\/cart in html form and parse it with ul li\r\n\t $('#cart > ul').load('index.php?route=common\/cart\/info ul li');\r\n\t}\r\n}<\/pre>\nThe info method of controller common\/cart return the all the products\u00a0with the product details such as cart_id, name, model, options, price total etc.<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"