Saturday, May 11, 2019

Re-position the Buttons in the Shopping Cart

It is possible to re-position buttons in the Shopping Cart via CSS. This may be applied to the element id of the button. Below is an example of how Proceed to Checkout may be re-positioned: 
  1. Right click the Proceed to Checkout button.
  2. Select Inspect.
  3. Take note of the span id (e.g. tbl_checkout).


  4. Navigate to Setup > Site Builder > Themes > Edit the currently used theme.
  5. Under General ADDITION TO <HEAD> section, add the following CSS code:


    Note: In the above example, the CSS code will move the button 50 pixels to the right.

Disclaimer: The sample code described herein is provided on an "as is" basis, without warranty of any kind, to the fullest extent permitted by law. NetSuite Inc. does not warrant or guarantee the individual success developers may have in implementing the sample code on their development platforms or in using their own Web server configurations.NetSuite Inc. does not warrant, guarantee or make any representations regarding the use, results of use, accuracy, timeliness or completeness of any data or information relating to the sample code. NetSuite Inc. disclaims all warranties, express or implied, and in particular, disclaims all warranties of merchantability, fitness for a particular purpose, and warranties related to the code, or any service or software related thereto.NetSuite Inc. shall not be liable for any direct, indirect or consequential damages or costs of any type arising out of any action taken by you or others related to the sample code.

No comments:

Post a Comment