<link href="{$template_shop_path}/visual/modules/content/shopping-left-list/css/style.css" rel="stylesheet">

<div class="shopping-left-list shopping-left-list-$_id">
    <h4>
        {lang('pick_of_the_week')}
    </h4>
    <ul class="media-list">
    {loop archive($_catid,$_typeid,$_spid,$_area,$_length,$_ordertype,$_limit,$_image,$_attr1,$_son,$_wheretype,$_tpl,$_intro_len,$_istop) $archive}
    <li class="media">
        <div class="media-left">
            <a title="{$archive['stitle']}" href="{$archive['url']}">
                <img alt="{$archive['stitle']}" class="media-object" src="{$archive['thumb']}">
            </a>
        </div>
        <div class="media-body">
            <h5 class="media-heading">
                {$archive['title']}
            </h5>
            <div class="shop-price">
                {lang('unit')}{$archive['oldprice']}
            </div>
            <div class="shop-subtitle">
                {$archive['subtitle']}
            </div>
        </div>
    </li>
    {/loop}
    </ul>
</div>

    <style type="text/css">

        .shopping-left-list-$_id {
            background:$_background-color;
            border-color:$_background-border-color;
        }
        .shopping-left-list-$_id:hover {
            background:$_background-hover-color;
            border-color:$_background-border-hover-color;
        }
        .shopping-left-list-$_id h4 {
            font-size:$_title-size;
            color:$_title-color;
        }
        .shopping-left-list-$_id h4:hover {
            color:$_title-hover-color;
        }
        .shopping-left-list-$_id .media-list .media h5 {
            font-size:$_link-font-size;
            color:$_link-color;
            border-color:$_link-border-color;
            border-radius: $_link-border-radius;
            background:$_link-background-color;
        }
        .shopping-left-list-$_id .media-list:hover .media h5 {
            color:$_link-hover-color;
            border-color:$_link-border-hover-color;
            border-radius: $_link-border-hover-radius;
            background:$_link-background-hover-color;
        }
        .shopping-left-list-$_id .media-list .media .shop-price  {
            font-size:$_price-size;
            color:$_price-color;
        }
        .shopping-left-list-$_id .media-list .media:hover .shop-price  {
            color:$_price-hover-color;
        }
        .shopping-left-list-$_id .media-list .media .shop-subtitle {
            font-size:$_p-size;
            color:$_p-color;
        }
        .shopping-left-list-$_id .media-list .media:hover .shop-subtitle {
            color:$_p-hover-color;
        }
    </style>
