This document will detail how to add item attributes to your storefront to further customize the item detail pages.

Item Attributes

Item attributes are item specific information that are additional to the defaulted item details. Attribute allow you to customize the data you are assigning to your items.

Adding a new Item Attribute

Step 1 - Editing the Template

So, for example, let's say you wanted to assign a youtube video to be displayed on the item detail page.

Navigate:
 

To do this you would edit the template "templates/template_item.vm" and in the top commented section, you would add the following line:

## uc:item-attribute-html="youtube"

The inclusion of the new item attribute wil appear like this in the template:
 

Next we need to add to the template the velocity code snippet that displays the new attribute in the template pages:

Step 2 - Configuring the attribute value for a specific item

After saving the changes to the template, navigate to the item editor and scroll down to the "Storefront Content" section of the first tab  in the item editor.

The new 'youtube' attribute will appear along the left side like this:

And here's the new 'youtube' attribute field configured with the youtube video 'embed' code:

Step 3 - Viewing the new attribute in the storefront item page

Here's the view of the item page for thew item that has the Youtube embed code configured: