SKU
Wireframe
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
