tech dishoom tech dishoom - 4 months ago 33
Smarty Question

How to hide update button from shipping and billing address in checkout page in prestashop

enter image description here

I am looking to hide "update" button and "Choose delivery address option" on checkout page in prestashop. which file i need to edit to do it?


You have two way to hide those buttons.

First: CSS
Edit addresses.css placed in your template folder, I guess it's default template in your case, so the file is prestashop/themes/default-bootstrap/css/addresses.css. Add this line of code:

 * We have to add #order (or #order-opc) selector to avoid to hide buttons 
 * in addresses page that is in my account area 
/* This is for 5 step checkout */
#order .address li.address_update {
    display: none;
#order #id_address_delivery {
    display: none;

/* This is for one page checkout (opc) */
#order-opc .address li.address_update {
    display: none;
#order-opc #id_address_delivery {
    display: none;

Second: Smarty/TPL
Edit order-address.tpl of your template (if you have 5 step checkout) otherwise order-opc.tpl, in your case prestashop/themes/default-bootstrap/order-address.tpl or prestashop/themes/default-bootstrap/order-opc.tpl

Search this select:

<select name="id_address_delivery" id="id_address_delivery" class="address_select form-control">
    {foreach from=$addresses key=k item=address}
        <option value="{$address.id_address|intval}"{if $address.id_address == $cart->id_address_delivery} selected="selected"{/if}>{$address.alias|escape:'html':'UTF-8'}</option>

And comment it (how to comment in smarty)

In bottom of the file comment this two lines of code:

{*{capture}<a class="button button-small btn btn-default" href="{$smarty.capture.addressUrlAdd}" title="{l s='Update' js=1}"><span>{l s='Update' js=1}<i class="icon-chevron-right right"></i></span></a>{/capture}*}
{*{addJsDefL name=liUpdate}{$smarty.capture.default|@addcslashes:'\''}{/addJsDefL}*}

I guess there is a third way, with JS, but I think it's useless. Cheers ;)