Custom Code Example – Modifying the SKU Label

Overview

This is part of a series of examples frequently requested from our customers in our Custom Code Usability Overview article, where we cover how to identify Core Knockout Templates to override them.

In this example, we’ll be overriding a Core Knockout Template on the Product Detail page to set a different label for the SKU value.

Steps

1. Login to the Worker Portal
2. Impersonate a contact
   1. This will display the “Customize” badge in the lower left
3. Head to the Product Detail page
4. Click “Customize” in the lower left
5. Paste the Code below into the Header section and submit

Code

<script type="text/html" id="catalog.sku_label_custom">
<dt>Item Code</dt>
<dd itemprop="sku" data-bind="html: selectedProduct().sku"></dd>
</script>

Before

After