{"id":4365,"date":"2017-04-24T06:48:53","date_gmt":"2017-04-24T06:48:53","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=4365"},"modified":"2022-08-13T12:01:14","modified_gmt":"2022-07-15T10:56:14","slug":"how-to-remove-unwanted-fields-from-opencart-2-x-checkout-page","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/opencart-blog\/how-to-remove-unwanted-fields-from-opencart-2-x-checkout-page\/","title":{"rendered":"How to remove unwanted fields from OpenCart 2.x checkout page?"},"content":{"rendered":"

OpenCart 2.x checkout page asks the customers to fill up several details and address information during the checkout process. However, sometimes, to simplify the checkout process, we wish to remove some fields from the checkout page that we think are not important to us. As these fields might be unnecessarily making the checkout complex and lengthy. So, in this article, I will discuss how to remove unwanted fields from the OpenCart2.x checkout page. Moreover, I\u2019ll\u00a0use the OpenCart version 2.x to explain how can you remove such fields from the Guest and registered checkout process.<\/p>\n

\"checkout<\/a>
OpenCart uses two template files to show and control the fields on checkout<\/figcaption><\/figure>\n

As an example, I will remove the \u201cFax\u201d field from the guest checkout and Register Account. Also, you can use the same approach to remove any other field too.<\/p>\n

The codes for input field in checkout are handled by two main OpenCart templates<\/a>:<\/p>\n

catalog\/view\/theme\/themeXXX\/template\/checkout\/register.tpl –<\/strong> for Register Account<\/p>\n

catalog\/view\/theme\/themeXXX\/template\/checkout\/guest.tpl –<\/strong> for Guest Checkout<\/p>\n

PS:<\/strong> I would suggest you not edit these files directly. First, take a backup of the original files first by copying these files from your web server or wherever they are located. Next, keep them with you so that you can always revert in case of any mistake. Then, take another copy of these same files and perform the editing on these files, later replacing them with the original files on the site after editing.<\/p>\n

Recommended Read:<\/strong>\u00a0OpenCart Checkout Extensions to Drive Sales and Conversions for your store<\/a><\/p>\n

Removing the Guest checkout fields<\/h2>\n

\"Removing<\/a><\/p>\n

1.<\/strong> We will start with editing the Guest Checkout<\/strong> fields. So, the first step you need to follow here is to navigate to the following file directory and open the file:<\/p>\n

catalog\/view\/theme\/themeXXX\/template\/checkout\/guest.tpl\u00a0<\/strong><\/p>\n

\"guest.tpl<\/a>
Open guest.the file<\/figcaption><\/figure>\n

2.<\/strong> We are removing the Fax<\/strong> field from the guest checkout here. So, find the following lines of code in the file you have just opened:<\/p>\n

<\/pre>\n
\"code<\/a>
Remove or comment on the code in the guest.the file<\/figcaption><\/figure>\n
4.<\/strong> Next, we need to edit the controller file to make sure this removal will not show any “Undefined index” later. So, navigate to the following file directory and open the file to edit the controller:<\/p>\n
catalog\/controller\/checkout\/guest.php<\/strong> <\/em><\/p>\n
Recommended Read:<\/strong>\u00a0What to look out for in an engaging OpenCart checkout extension?<\/a><\/p>\n
5.<\/strong> Look for the following lines of code in the files you have just opened:<\/p>\n
$data['entry_fax'] = $this->language->get('entry_fax');\r\n<\/pre>\n
if (isset($this->session->data['guest']['fax'])) {\r\n            $data['fax'] = $this->session->data['guest']['fax'];\r\n            } else {\r\n            $data['fax'] = '';\r\n        }\r\n<\/pre>\n
$this->session->data['guest']['fax'] = $this->request->post['fax'];\r\n<\/pre>\n
6.<\/strong> Remove the codes or you can just comment on them too.<\/p>\n
\"codes<\/a>
Remove or comment on the codes in the guest.php file<\/figcaption><\/figure>\n
7.<\/strong> Save both the files and replace them with the original files on the site.<\/p>\n
Removing Fields from Register Account form<\/strong> <\/span><\/h3>\n
8.<\/strong> To remove the Fax field, open the following file :<\/p>\n
catalog\/view\/theme\/themeXXX\/template\/checkout\/register.tpl<\/em><\/strong><\/p>\n
\"Open<\/a>
Open the register.the file<\/figcaption><\/figure>\n
9.<\/strong> Find and remove the following lines of code in the file you have just opened<\/p>\n
<\/pre>\n
\"code<\/a>
Remove or comment on the code in the register.the file<\/figcaption><\/figure>\n
10.<\/strong> Next, we need to edit the following controller to make sure no \u201cUndefined index\u201d error is shown in the later part.<\/p>\n
catalog\/controller\/checkout\/register.php<\/em><\/strong><\/p>\n
\"Open<\/a>
Open register.php file<\/figcaption><\/figure>\n
11.<\/strong> Find the following line of code and remove it. You can also comment on it instead.<\/p>\n
\"register.php<\/a>
Remove or comment the code in the register.php file<\/figcaption><\/figure>\n
12.<\/strong> Save both the files now, and replace them with original files on the site.<\/p>\n
So, this is how you can remove a field like “Fax” from both the Guest checkout and Account Register form. Moreover, you can follow a similar approach to remove any kind of field from the OpenCart checkout. Also, just do not forget to keep the backup of the original files before you edit them.<\/p>\n
Recommended Read:<\/strong> Provide a Relaxing Online Shopping Experience to your Customers with this Opencart One Page Checkout Extension<\/a><\/p>\n
Alternate solution<\/strong><\/h3>\n
Editing the core files is not a recommended way to perform the changes on your OpenCart 2.x site. Some of us might suggest the use of vQmod or OCMOD to reduce the risk, but these methods are too complicated for website owners with no or less technical knowledge.<\/p>\n
As an alternate solution, you can choose to switch to our OpenCart One Page checkout extension<\/a>\u00a0which is even compatible with OpenCart 2.x. It is a one-page checkout extension that removes the unnecessary elements from OpenCart 2.x and has loads of features to make your checkout conversion friendly.<\/p>\n
How does the OpenCart One Page Checkout plugin work?<\/h2>\n
\"How<\/a><\/h2>\n
The One Page checkout extension for OpenCart replaces the multi-step checkout option with a single-page checkout. Since without getting you into the fuzzy the code changes it incorporates all the features that an optimized checkout page is expected to have. So, all you need to do is to install the OpenCart v2.x One Page Checkout module in your store. Moreover, the configuration changes are done at a few button clicks from the back-end and the changes will be reflected in the front end of your site.<\/p>\n
Listed below are some of how the OpenCart Single Page checkout can help you remove unwanted elements:<\/h2>\n
Squeezes everything on one page<\/h3>\n
Instead of going with multiple checkout steps, the OpenCart One Page Checkout extension squeezes all the processes on a single page. With the reduction in the number of web pages, the code of the site becomes simpler.<\/p>\n
\"One-page<\/a><\/p>\n
No-code customization<\/h3>\n
You can \u201cHide\u201d or \u201cDisplay\u201d any of the fields from the checkout page by simply changing the settings from the extension\u2019s backend configuration. Plus you can change the orders of fields by just dragging and dropping.\u00a0Along with this, the OpenCart one-page checkout module for versions 2.x and 1.x offers an additional comment section that can be removed at a button click if required.<\/p>\n
Most\u00a0of\u00a0the\u00a0store\u00a0owners\u00a0do\u00a0not\u00a0have\u00a0the\u00a0technical\u00a0knowledge\u00a0to\u00a0code\u00a0and\u00a0make\u00a0field\u00a0configurations.\u00a0This\u00a0Opencart\u00a0module\u00a0brings\u00a0great\u00a0ease\u00a0to\u00a0them\u00a0in\u00a0setting\u00a0up\u00a0the\u00a0checkout\u00a0page\u00a0layout\u00a0as\u00a0they\u00a0require\u00a0for\u00a0their\u00a0site.\u00a0The\u00a0number\u00a0of\u00a0fields\u00a0and\u00a0their\u00a0position\u00a0over the checkout\u00a0page\u00a0is\u00a0fully\u00a0customizable\u00a0from\u00a0the back office.<\/p>\n
Guest checkout option<\/h3>\n
Without making any code changes, the OpenCart One Page Checkout module for v2.x enables the guest checkout option on the site. Not just this, you need not make any code changes as mentioned above if want to remove the guest checkout at any point. This can be done just by toggling a single button from the back-end of the OpenCart single-page checkout plugin.<\/p>\n
You\u00a0can\u00a0even\u00a0register\u00a0those\u00a0customers\u00a0who\u00a0do\u00a0guest\u00a0checkout\u00a0at\u00a0your\u00a0store.\u00a0Additionally,\u00a0you\u00a0can\u00a0allow\u00a0your\u00a0customers\u00a0to\u00a0set\u00a0their passwords\u00a0while\u00a0performing\u00a0guest\u00a0checkout.<\/p>\n
Recommended Read:<\/strong>\u00a0Plugins that can be a Good Combo Offer for One Page Checkout for OpenCart Stores<\/a><\/p>\n
Social login option<\/h3>\n
You need not integrate the social signup options via coding. The OpenCart One Page checkout plugin comes with built-in social login options. You get Facebook and Google login options. All you need to do is to obtain the API details and share them in the back-end of the OpenCart plugin.<\/p>\n
Multi-lingual support<\/h3>\n
If the site contents are displayed in multiple languages for different locations, then, some extra coding is required to be done. The OpenCart One Page checkout extension eases out this aspect for you. The extension offers multi-lingual support and the admin can upload the contents of the sites in as many languages as they wish. The respective contents are uploaded in one go without getting you indulged in any site changes.<\/p>\n
Set\u00a0Default\u00a0Options<\/strong><\/h3>\n
Most\u00a0of\u00a0the\u00a0websites\u00a0provide\u00a0customers\u00a0with\u00a0the\u00a0default\u00a0option\u00a0of\u00a0\u201cLogin\u201d\u00a0considering\u00a0that\u00a0the\u00a0user\u00a0already\u00a0has\u00a0their\u00a0account\u00a0on\u00a0the\u00a0store.\u00a0Likewise,\u00a0you\u00a0can\u00a0also\u00a0mark\u00a0default\u00a0options\u00a0out\u00a0from\u00a0\u201cRegister\u201d,\u00a0\u201cLogin\u201d\u00a0or\u00a0\u201cGuest\u201d.<\/p>\n
Customizable\u00a0Fields<\/strong><\/h3>\n
The\u00a0fields\u00a0provided\u00a0to\u00a0the\u00a0customer\u00a0on the shipping\u00a0and\u00a0payment\u00a0page\u00a0are\u00a0fully\u00a0customizable\u00a0from\u00a0the\u00a0backend\u00a0panel.<\/p>\n
Recommended Read:<\/strong>\u00a0OpenCart One Page Checkout to Deliver a Perfect Online Shopping Experience<\/a><\/p>\n
\"OpenCart<\/a><\/p>\n
Concluding Words<\/h2>\n
In the customer-centric environment, a flawless user experience is key to staying ahead of the competition. One of the ways to do so is to keep everything precise and as combat as possible. So, this is when a single-step checkout process<\/a> can help you out without getting you into the complication of code optimization. To increase the profitability of their business, every store owner wants to give their customers a simple and quick shopping experience.<\/p>\n