{php}
$pageConfig = [

'is_page' => 2,
'list_rows' => 10

];
$where = [
['is_hot', '=', 1]
];
$hotProductList = siteGetList(modelId:1, pageConfig:$pageConfig, where:$where);
{/php}
{if !isEmpty($hotProductList)}
<div class="hotProducts_wrap mobileGap">
  <div class="main">
    <div class="hotProducts_top">
      <p class="title2 f36">{:lang('hot_products')}</p>
      <div class="r_btns">
        <div class="swiper-button-prev hotProducts_prev r_btn"></div>
        <div class="swiper-button-next hotProducts_next r_btn"></div>
      </div>
    </div>
    <div class="swiper hotProducts">
      <div class="swiper-wrapper">
        {volist name="hotProductList" id="vo"}
        <div class="swiper-slide">
          <div class="product_box">
            <a href="{$vo.url}" class="product_box_title line2" title="{$vo.name}">
              {$vo.name}
            </a>
            <hr>
            <p class="product_box_p line2" title="{$vo.introduction}">
              {$vo.introduction}
            </p>
            <div class="hotProducts_bottom">
              <a href="{$vo.url}" class="btn2">
                <i class="iconfont icon-right"></i>
              </a>
              <a href="{$vo.url}" class="scale_box hover_box">
                <img class="scale_img lazy" data-src="{:imgwhwebp($vo['thumb'],'','')}" alt="{$vo.name}" title="{$vo.name}">
              </a>
            </div>
          </div>
        </div>
        {/volist}
      </div>
    </div>
  </div>
</div>
{/if}