{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/product_newpro.css" />
{/block}
{block name="main"}
<div class="oricoEGapp">
    <div class="oricoEGapp-newarrival">
        <!-- 顶部产品图-->
        {notempty name="focus_image"}
        {volist name="focus_image" id="fo"}
        <a {notempty name="fo.link" }href="{$fo.link}"{/notempty}>
            <img src="{$fo.image}" class="ona-topimg" />
        </a>
        {/volist}
        {/notempty}
        <!-- 产品列表 -->
        {notempty name="newpros"}
        <div class="ona-prlist">
            {volist name="newpros" id="vo"}
            <div class="m_Container">
                <div class="product_list_title">
                    <div class="product_title">{$vo.category.name|default=''}</div>
                </div>
                <div class="product_list">
                    {notempty name="vo.products"}
                    <ul>
                        {volist name="vo.products" id="pro"}
                        <li class="img-responsive">
                            <a href="{:url('product/detail', ['id' => $pro.id])}">
                                <img src="{:thumb($pro.cover_image)}">
                                <span class="title">{$pro.name}</span>
                                <span class="subtitle">{$pro.spu}</span>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                    {/notempty}
                </div>
            </div>
            {/volist}
        </div>
        {/notempty}
    </div>
</div>
{/block}