Disabling Display of SuiteCommerce Gift Wrap & Message Extension Transaction Line Fields

This topic applies to

Applies to

SuiteCommerce Advanced

 

After installing the SuiteCommerce Gift Wrap & Message extension, the application adds the following transaction line item fields to all items in your account:

  • Gift Wrap Item

  • Gift Wrap Item ID

  • Gift Wrap Message From

  • Gift Wrap Message To

  • Gift Wrap Message Text

After installing the extension, these added fields may display on your site, even if you do not activate the extension. Follow these instructions, depending on your implementation, to prevent these fields from displaying on your site:

SuiteCommerce and SuiteCommerce Advanced Aconcagua and Later

Follow the steps below to disable the display of SuiteCommerce Gift Wrap & Message extension transaction line item fields on product display pages.

Step 1: Activate the SuiteCommerce Gift Wrap & Message Extension.

  1. If you have not done so already, install the SuiteCommerce Gift Wrap & Message extension into your NetSuite account. See Install Theme and Extension SuiteApps.

  2. Activate the SuiteCommerce Gift Wrap & Message extension. See see Manage Themes and Extensions.

Step 2: Update the Configuration Record for the Web Site and Domain

  1. Go to Setup > SuiteCommerce Advanced > Configuration.

  2. Select the web site and domain.

  3. Click Configure.

  4. Navigate to the My Extensions tab.

  5. On the Gift Wrap & Message subtab, clear the Enable Gift Wrap box.

  6. Click Save.

Step 3: Clear the Domain Cache and Confirm Results

  1. Go to Setup > SuiteCommerce Advanced > Cache Invalidation Requests.

  2. Click New Invalidation Request.

  3. Double-click on the domain for which you want to clear the cache.

  4. Enable the Clear cache for the whole domain(s) option.

  5. Click Submit.

  6. Click OK.

  7. Confirm your results.

    After a successful configuration, your site will not display the gift wrap transaction line item fields.

SuiteCommerce Advanced Denali through Kilimanjaro

This patch disables the display of the SuiteCommerce Gift Wrap & Message extension transaction line item fields on product display pages.

You can download the code samples described in this procedure here: GiftWrap.itemOptionsExtension@1.0.0—KilimanjaroSample.zip

Step 1: Create the Directory Structure to Store Your Custom Module

  1. Open the Modules/extensions directory and create a subdirectory to maintain your customizations.

    Note

    If you are implementing the Vinson release of SuiteCommerce Advanced or earlier, you might need to create the extensions directory manually.


  2. In the extensions directory, create a subdirectory called GiftWrap.ItemOptionsExtension@1.0.0.

    When creating a new custom module, the module name must be unique. You must not have duplicate module names, even if those modules reside in different folders.

  3. In your new module, create a subdirectory called Sass.

  4. In your new Sass subdirectory, create a text file.

    Give this file a unique name that is similar to the module directory. For example:

    _giftWrap-item-options-extension.scss

Step 2: Create a Sass File

  1. In the Sass directory, create a new file called _giftWrap-item-options-extension.scss.

  2. Add the following text to the _giftWrap-item-options-extension.scss file:

    [id*='custcol_ns_sc_ext_gw_item'], [name*='custcol_ns_sc_ext_gw_item'], [id*='custcol_ns_sc_ext_gw_id'], [name*='custcol_ns_sc_ext_gw_id'], [id*='custcol_ns_sc_ext_gw_message_from'], [name*='custcol_ns_sc_ext_gw_message_from'], [id*='custcol_ns_sc_ext_gw_message_to'], [name*='custcol_ns_sc_ext_gw_message_to'], [id*='custcol_ns_sc_ext_gw_message_text'], [name*='custcol_ns_sc_ext_gw_message_text'] { display: none; }

Step 3: Create the ns.package.json File

  1. Open the GiftWrap.ItemOptionsExtension@1.0.0 module.

  2. Create a file in this module and name it ns.package.json.

    Modules/extensions/GiftWrap.ItemOptionsExtension@1.0.0/ns.package.json

  3. Build the ns.package.json file using the following code:

    { "gulp": { "sass": [ "Sass/**/*.scss" ] } }
  4. Save the ns.package.json file.

Step 4: Update the distro.json File and Deploy Your Customizations to Your NetSuite Account

  1. Open the distro.json file.

    This file is located in the top-level directory of your SuiteCommerce source code.

  2. Add your custom module to the modules object to ensure that the Gulp tasks include it when you deploy.

    In this example, the extensions/GiftWrap.ItemOptionsExtension@1.0.0 , module is added at the beginning of the list of the other extensions modules. However, you can add the module anywhere in the modules object. The order of precedence in this list does not matter.

    { "name": "SuiteCommerce Advanced Kilimanjaro", "version": "2.0", "isSCA": true, "buildToolsVersion": "1.3.1", "folders": { "modules": "Modules", "suitecommerceModules": "Modules/suitecommerce", "extensionsModules": "Modules/extensions", "thirdPartyModules": "Modules/third_parties", "distribution": "LocalDistribution", "deploy": "DeployDistribution" }, "modules": { "extensions/GiftWrap.ItemOptionsExtension": "1.0.0", "extensions/QuoteToSalesOrderExtension": "1.0.0", "extensions/TransactionExtention": "1.0.0", "extensions/OrderWizardPaymentMethodExtension": "1.0.0", ...
  3. Include the module definition (GiftWrap.ItemOptionsExtension) in the dependencies/applications array of the sass object within applications/dependencies/ for each application (Shopping, MyAccount, and Checkout). You must include this file after the module you are overriding. Your distro.json file should look similar to the following:

    //... "tasksConfig": { //... "sass": { //... "applications": [ { "name" "Shopping", "exportFile": "shopping.css", "dependencies": [ //... "Location.SCA", "GiftWrap.ItemOptionsExtension" ] } //... { "name" "MyAccount", "exportFile": "myaccount.css", "dependencies": [ //... "Location.SCA", "GiftWrap.ItemOptionsExtension" ] } //... { "name" "Checkout", "exportFile": "checkout.css", "dependencies": [ //... "Location.SCA", "GiftWrap.ItemOptionsExtension" ] } ] } //...
  4. Save the distro.json file.

  5. Deploy your source code customizations to your NetSuite account. See Deploy to NetSuite for details.

Step 5: Clear Your Domain Cache and Confirm Results

  1. Go to Setup > SuiteCommerce Advanced > Cache Invalidation Requests.

  2. Click New Invalidation Request.

  3. Double-click on the domain for which you want to clear the cache.

  4. Enable the Clear cache for the whole domain(s) option.

  5. Click Submit.

  6. Click OK.

  7. Confirm your results.

    After a successful deployment, your site will not display the gift wrap transaction line item fields.

SuiteCommerce Advanced Pre-Denali

Follow the steps below to disable the display of SuiteCommerce Gift Wrap & Message extension transaction line item fields on product display pages.

Step 1: Add code to your application stylesheet

  1. Open any of the SuiteCommerce Advanced instance stylesheets located in your local development files. For example:

    Custom ShopFlow 1.07.0/skins/standard/styles.css

  2. Paste the following code at the bottom of the file:

    [id*='custcol_ns_sc_ext_gw_item'], [name*='custcol_ns_sc_ext_gw_item'], [id*='custcol_ns_sc_ext_gw_id'], [name*='custcol_ns_sc_ext_gw_id'], [id*='custcol_ns_sc_ext_gw_message_from'], [name*='custcol_ns_sc_ext_gw_message_from'], [id*='custcol_ns_sc_ext_gw_message_to'], [name*='custcol_ns_sc_ext_gw_message_to'], [id*='custcol_ns_sc_ext_gw_message_text'], [name*='custcol_ns_sc_ext_gw_message_text'] { display: none; }

Step 2: Upload the stylesheet to the File Cabinet and Compile the Change

  1. Upload the file to the File Cabinet in the appropriate location. Example:

    CustomShopFlow 1.07.0/skins/standard/styles.css

  2. Trigger the style’s combiner.config file to compile the change by editing and saving the styles.css file without making any changes.

Step 3: Clear Your Domain Cache and Confirm Results

  1. Go to Setup > SuiteCommerce Advanced > Cache Invalidation Requests.

  2. Click New Invalidation Request.

  3. Double-click on the domain for which you want to clear the cache.

  4. Enable the Clear cache for the whole domain(s) option.

  5. Click Submit.

  6. Click OK.

  7. Confirm your results.

    After a successful deployment, your site will not display the gift wrap transaction line item fields.

Site Builder Websites

For Site Builder web sites, you only need to add some code to your Web Site Setup record and save the changes. After a successful configuration, your site no longer displays the gift wrap transaction line item fields.

Adding Code to Your Web Site Setup Record

  1. In NetSuite, go to Setup > SiteBuilder > Web Site Set Up.

  2. Click Edit for the website you want to patch.

  3. Go to the Analytics subtab and paste the following code into the Additional to <head> field:

    <style type="text/css"> [id*='custcol_ns_sc_ext_gw_item'], [name*='custcol_ns_sc_ext_gw_item'], [id*='custcol_ns_sc_ext_gw_id'], [name*='custcol_ns_sc_ext_gw_id'], [id*='custcol_ns_sc_ext_gw_message_from'], [name*='custcol_ns_sc_ext_gw_message_from'], [id*='custcol_ns_sc_ext_gw_message_to'], [name*='custcol_ns_sc_ext_gw_message_to'], [id*='custcol_ns_sc_ext_gw_message_text'], [name*='custcol_ns_sc_ext_gw_message_text'] { display: none; } </style>
  4. Click Save.

Related Topics