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

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
SuiteCommerce Advanced Denali through Kilimanjaro
SuiteCommerce Advanced Pre-Denali
Site Builder Websites

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.

If you have not done so already, install the SuiteCommerce Gift Wrap & Message extension into your NetSuite account. See Installing Theme and Extension SuiteApps.
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

In NetSuite, go to Commerce > Websites> Configuration.
Select the web site and domain.
Click Configure.
Navigate to the My Extensions tab.
On the Gift Wrap & Message subtab, clear the Enable Gift Wrap box.
Click Save.

Step 3: Clear the Domain Cache and Confirm Results

Go to Commerce > Content Management > Cache Invalidation Requests.
Click New Invalidation Request.
Double-click on the domain for which you want to clear the cache.
Enable the Clear cache for the whole domain(s) option.
Click Submit.
Click OK.
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

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.
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.
In your new module, create a subdirectory called Sass.
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

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

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

Open the GiftWrap.ItemOptionsExtension@1.0.0 module.
Create a file in this module and name it ns.package.json.

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

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

                  {
  "gulp": {
    "sass": [
      "Sass/**/*.scss"
    ]
  }
}

Save the ns.package.json file.

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

Open the distro.json file.

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

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",
            ...

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"
                  ]
               }
            ]
         }
//...

Save the distro.json file.
Deploy your source code customizations to your NetSuite account. See Deploy SCA Customizations to NetSuite for details.

Step 5: Clear Your Domain Cache and Confirm Results

Go to Commerce > Content Management > Cache Invalidation Requests.
Click New Invalidation Request.
Double-click on the domain for which you want to clear the cache.
Enable the Clear cache for the whole domain(s) option.
Click Submit.
Click OK.
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

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

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

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

CustomShopFlow 1.07.0/skins/standard/styles.css
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

Go to Commerce > Content Management > Cache Invalidation Requests.
Click New Invalidation Request.
Double-click on the domain for which you want to clear the cache.
Enable the Clear cache for the whole domain(s) option.
Click Submit.
Click OK.
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

In NetSuite, go to Commerce > Websites > Website List.
Click Edit for the website you want to patch.

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>

Click Save.

SuiteCommerce and SuiteCommerce Advanced Aconcagua and Later

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

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

Step 3: Clear the Domain Cache and Confirm Results

SuiteCommerce Advanced Denali through Kilimanjaro

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

Step 2: Create a Sass File

Step 3: Create the ns.package.json File

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

Step 5: Clear Your Domain Cache and Confirm Results

SuiteCommerce Advanced Pre-Denali

Step 1: Add code to your application stylesheet

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

Step 3: Clear Your Domain Cache and Confirm Results

Site Builder Websites

Adding Code to Your Web Site Setup Record

Related Topics