Hi John,
To display the SKU in Foundation4 Responsive you have to make a few changes to the code. Before making any changes ensure that you have backed up each file you change ideally not on the web server where you make the changes. There’s nothing worse than finding four or five different revisions within a web site project.
Foundation4 Responsive uses controls within the theme folder which is different to the display grid. In order to add the Sku you need to make changes to a control located at \BVModules\Themes\ Foundation4 Responsive\controls\SingleProductDisplay.ascx and \BVModules\Themes\ Foundation4 Responsive\controls\SingleProductDisplay.ascx.vb
Please note changing the above controls will also result in the changes being carried over to the following other areas such as those listed below.
Cross Sell Display (Most probably on your product page, if enabled)
Up Sell Display (Most probably on your product page, if enabled)
The Product Rotator content block and a few other places.
In order to carry out the changes add the following after the product name in SingleProductDisplay.ascx
Code:
<%-- SKU --%>
<div class="SingleProductDisplayName recordsku">
<asp:Label ID="ProductSkuLabel" runat="server" CssClass="ProductSkuLabel"></asp:Label>
</div>
Update SingleProductDisplay.ascx.vb with the following code inside the Public Overrides Sub LoadWithProduct(ByVal p As Catalog.Product) ensuring it is within the If p IsNot Nothing Then statement
Code:
ProductSkuLabel.Text = p.Sku
You may also have to edit the css in \BVModules\Themes\ Foundation4 Responsive\styles\styles.css if you require any further styling. Hopefully you are now looking at your grid view including your newly added SKU.