Hiding SuiteCommerce Fields on the product listing page (PLP) and product detail page (PDP)

by Mark Vandenberg in , , July 28th, 2021

Fields are useful tools for organizing item and transaction data for your SuiteCommerce website. They can help customers sort and filter through items or select item options. They are also helpful for organizing data in your NetSuite environment. However, sometimes fields that you need to use in the NetSuite backend can appear on your SuiteCommerce site - particularly in the Product List Page (PLP) and Product Display Page (PDP). This is a short instructional article on how to hide your SuiteCommerce fields that are showing up.

how to hide suitecommerce fields

Hiding SuiteCommerce PLP Fields

PLP fields are used to sort or filter through items. Here's an example below:

If you are seeing a field that shouldn't be visible to customers, follow these steps:

  • Navigate to the SCA configuration record (Commerce > Websites > Configuration)
  • Navigate to the "Facets ()" subtab.
  • Add the Item Field ID and Field Name to the Facets list. Choose the following settings:

Priority: 10 --- Behavior: (blank) --- Template: facets_faceted_navigation_item.tpl --- Color palette: (blank) --- Collapsed: Yes --- Non collapsible: (blank) --- Show Heading: (blank) --- Title format: (blank) --- Title Separator: (blank) --- Parser: Default --- Is URL parameter?: (blank) -- Max: (blank)

  • Save SuiteCommerce or SuiteCommerce Advanced (SCA) configuration record.
  • Hard refresh the PLP (ctrl + shift + R): To perform a hard refresh on your website, navigate your website URL and press CTRL+SHIFT+R. This will refresh the browser cache.

Hiding SuiteCommerce PDP Fields

See below for an example of a PDP that has unwanted fields on it:

Here's how you would hide these fields:

  1. Inspect the elements on the PDP that constitute the fields that are undesired. Make note of their ID’s.
  2. Navigate to the following location in your NetSuite environment: Customization>Lists, Records, & Fields>Transaction Line Items
  3. Open the Transaction Line Items that match the ID’s you found in the HTML. If you can’t find the ID in Transaction Line Items, open the Transaction Item Options page and look there.
  4. Uncheck the box for the “Store Item” field. Do this for each field you need eliminated.
  5. Cache invalidate the site and verify that your changes applied.
  6. Hard refresh the browser cache like in hiding the PDP fields above.

Hopefully, this post helped you customize your SuiteCommerce website and become more useful to customers. If you have any questions and want some free consulting advice, feel free to contact our team at Anchor Group.

Free SuiteCommerce Book for Continued Learning

Want a free paperback copy of this NetSuite e-commerce book? We even pay for shipping...

Order the free SuiteCommerce book today!

Suitecommerce book

Get stuck in a step during this article?

We like to update our blogs and articles to make sure they help resolve any troubleshooting difficulties you are having. Sometimes there is a related feature to enable or field to fill out that we miss during the instructions. If this article didn't resolve the issue, please use the chat and let us know so that we can update this article!

Your cart