Tweak Library
Note: We have updated our folder structure in Neto 6 and this has not been updated on all tweaks yet. More info.

"Edit Gift Messaging" Button

This button allows the customer to go back to the upsell page where they can edit any gift message product options that they've added to products.

Industries

  • Health & Beauty
  • Gifts

Wireframe

Multi-Item Add

Coding Instructions

Step 1. Activate the option-editing functionality on the upsells page

In the cPanel, go to the cog icon, then select "Advanced Configuration", and search for "checkout_upsell_extra" in the "name" field. When the result is found, click on it and change the value to "yes". This ensures that the product option functionality is shown on the upsell page.

Step 2. Add the "Edit Gift Messaging" button

Open the shopping cart file cart/shopping_cart.template.html file, and paste the following section of code directly beneath the closing config tag for [%config id:'ALLOW_USER_QUOTE' if:'==' value:'1'%]

<div class="col-xs-12 col-md-3">
    <button class="btn btn-default btn-block" type="button" onclick="window.location='[%url page:'checkout' fn:'upsell'/%]';" title="Edit Gift Messaging"><i class="fa fa-gift icon-white"></i> Edit Gift Messaging</button>
</div>

Once complete, replace the below block of code...

<div class="col-xs-12 col-md-3 [%config id:'ALLOW_USER_QUOTE' if:'==' value:'1'%]col-md-offset-6[%/config%][%config id:'ALLOW_USER_QUOTE' if:'==' value:'0'%]col-md-offset-9[%/config%]">
    <button class="btn btn-success btn-lg btn-block" type="button" onclick="window.location='[%url page:'checkout' fn:'payment'/%]';" title="Checkout Now"><i class="fa fa-shopping-cart icon-white"></i> Checkout Now</button>
</div>

...with this:

<div class="col-xs-12 col-md-3 [%config id:'ALLOW_USER_QUOTE' if:'==' value:'1'%]col-md-offset-3[%/config%][%config id:'ALLOW_USER_QUOTE' if:'==' value:'0'%]col-md-offset-6[%/config%]">
    <button class="btn btn-success btn-lg btn-block" type="button" onclick="window.location='[%url page:'checkout' fn:'payment'/%]';" title="Checkout Now"><i class="fa fa-shopping-cart icon-white"></i> Checkout Now</button>
</div>

Final Result

Multi-Item Add

Download Files

Download Files


1 related articles found: