SKU

Wireframe

SKU


Preparation Checklist

Before you start this tweak, it's a good idea to run through our preparation checklist below:

  • Read through the Getting Started to get a better sense of how the control panel, Database and Front End store interact.
  • Learn our recommended Simple Workflow. This makes the implementation process as easy as possible.
  • Create a new Staging Theme for this tweak. This allows you to preview any changes before they are visible to live customers.

Coding Instructions

Step 1: Open the thumbnail templates

  • The gallery thumbnail template can be found here /httpdocs/assets/themes/[THEME-NAME]/templates/thumbs/product/template.html.
  • The list thumbnail template can be found here /httpdocs/assets/themes/[THEME-NAME]/templates/thumbs/product/list.template.html.

Step 2: Add the SKU

Paste the following code into the template where you would like the element to appear. This is most commonly placed below the product name:

<p>[@SKU@]</p>

Final Result

Thumbnail SKU

Thumbnail SKU


Was this article useful?

Be notified when this page is updated. Optional.