salix/client/item/src/list/product.html

<a
    ui-sref="item.card.summary({ id: {{$ctrl.item.id}} })"
    translate-attr="{title: 'View item'}"
    class="vn-list-item">
    <vn-horizontal ng-click="$ctrl.onClick($event)">
        <vn-auto class="image" margin-medium-right>
            <img
                ng-src="http://verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}"
                zoom-image="http://verdnatura.es/vn-image-data/catalog/900x900/{{::$ctrl.item.image}}"
                on-error-src/>
        </vn-auto>
        <vn-one>
            <h6 translate>{{::$ctrl.item.name}}</h6>
            <vn-label-value label="Id" 
                value="{{::$ctrl.item.id}}">
            </vn-label-value>
            <vn-label-value label="Description" 
                value="{{::$ctrl.item.description}}">
            </vn-label-value>
            <vn-label-value label="Size" 
                value="{{::$ctrl.item.size}}">
            </vn-label-value>
            <vn-label-value label="Type" 
                value="{{::$ctrl.item.itemType.name}}">
            </vn-label-value>
            <vn-label-value label="Buyer" 
                value="{{::$ctrl.item.itemType.worker.firstName}} {{::$ctrl.item.itemType.worker.name}}">
            </vn-label-value>
        </vn-one>
        <vn-horizontal class="buttons">
            <vn-icon
                ng-click="$ctrl.clone($event)"
                vn-tooltip="Clone"
                icon="icon-clone">
            </vn-icon>
            <vn-icon
                ng-click="$ctrl.preview($event)"
                vn-tooltip="Preview"
                icon="desktop_windows">
            </vn-icon>
        </vn-horizontal>
    </vn-horizontal>
</a>