Anzeige von Artikelnummern in den Kategorien

Hallo,

ich wurde in der letzten Zeit häufiger gefragt wie die Artikelnummern auch in der Kategorieübersicht angezeigt werden können.

Hier nun die Anleitung dazu:

In der Datei _ProductBoxList.cshtml im Verzeichnis "Views/Shared/ folgende Änderungen durchführen:

Alt:

<figure class="picture" data-equalized-part="picture" data-equalized-valign="true">
	@if (Model.DefaultPictureModel.ImageUrl.HasValue())
	{
		<a href="@productDetailLink" title="@Model.DefaultPictureModel.Title">
			<img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" />
		</a>
	}
    @if (Model.ColorAttributes.Any())
    {
        <div class="colors">
            @foreach (var clr in Model.ColorAttributes)
            {
                <span style="background-color: @clr.Color" title="@clr.FriendlyName"></span>
            }
        </div>
    }
</figure>

Neu:
 

<figure class="picture">
		@if (Model.DefaultPictureModel.ImageUrl.HasValue())
		{
			<a href="@Url.RouteUrl("Product", new RouteValueDictionary { { "SeName", Model.SeName } })" title="@Model.DefaultPictureModel.Title">
				<img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" />
			</a>
		}
        @if (Model.ColorAttributes.Any())
        {
            <div class="colors">
                @foreach (var clr in Model.ColorAttributes)
                {
                    <span style="background-color: @clr.Color" title="@clr.FriendlyName"></span>
                }


                            @if (Model.ShowSku)
                            {
                            <tr valign="top" class="attr-sku @(String.IsNullOrWhiteSpace(Model.Sku) ? "hide fade" : "")">
                                <td class="caption bold">@T("Products.Sku")</td>
                                <td class="value">@Model.Sku</td> 
                            </tr>


            </div>
        }
    </figure>

Zusätzlich in der Datei custom.less im Verzeichnis "Themes/Alpha/Content" den folgenden Code hinzufügen.

.pdo-sku {
    text-align:center;
    margin-bottom: 5px;
}
.pdo-sku .caption {
    width: 50%;
    font-weight: bold;
}

Liebe Grüße

Wolfgang