Kentico CMS 6.0 E-commerce Guide

Customizing product design

Customizing product design

 Previous topic Next topic Mail us feedback on this topic!  

Customizing product design

 Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic!  

Editing existing transformation

 

1. Go to CMS Site Manager -> Development -> Document types, choose the Plasma TV document type and switch to the Transformation tab.

 

ecommerceguide_clip0063

 

2. Click the Edit transformation button next to the Default transformation name.

 

ecommerceguide_clip0064

 

3. Delete the content of the Code text box and insert the code from the gray box bellow. This code will change the transformation to display only the name of a TV and its screen type. Click Save at the top.

 

<table>

<tr>

      <td>Product name:</td>

      <td><%# Eval("TVName") %></td>

</tr>

<tr>

      <td>Screen type:</td>

      <td><%# Eval("TVScreenType") %></td>

</tr>

</table>

 

ecommerceguide_clip0065

 

That's how you change default transformation for your product so that the product name and screen type are displayed.

 

ecommerceguide_clip0067

 

You can modify the design of the product list web part by changing the CMS.Root.EcommerceProductsList transformation in the manner similar to the given example.

 

 

 

Please note

 

A sample transformation with the Add to shopping cart and Add to wishlist buttons and with a formatted price can be found e.g. in the default transformation of the CMS.CellPhone document type.

 

 

 

 

Adding namespaces

 

You can add additional namespaces into the web.config file in the following location:

 

<system.web>

 <pages validateRequest="false">

   <namespaces>

     <add namespace="CMS.CMSHelper"/>

     <add namespace="CMS.GlobalHelper"/>

   </namespaces>

 </pages>

</system.web>

 

In case you add namespace into the web.config file, you don't have to specify it when calling its objects in transformations. Therefore, instead of calling CMS.GlobalHelper.ResHelper.GetString("MyCustomString"), you could call just ResHelper.GetString("MyCustomString").

 

 

 

Print page

Kentico CMS allows you to add a link button to your web page that will create print version of the given document. Please refer to the Print page chapter in Kentico CMS Developer's Guide for more information.