外贸网站建设,外贸网站建设公司,跨境电商独立站

搜索标签使用详细说明

时间:2026-10-15   访问量:1004

由于后台没有标签参考示例,所以在这里作一下说明。

搜索标签的使用方法和其他大多数CMS一样。

使用FORM,然后可以隐藏一些参数字段。

    <form action="{hmcms:scaction}" class="top-search" method="get">
                        <span>
                            <input type="text" name="keyword" placeholder="Search Keywords...">
                             <input type="hidden" name="field" value="title,subtitle">
                             <input type="hidden" name="scode"  value="1">
                            <button type="submit" aria-label="submit search"><i class="fa fa-search colr86807f fs-18"></i></button>
                        </span>
                        <button class="btn-open-search2 color333"  type="button"  aria-label="SEARCH BTN"><i class="bi bi-x-lg" aria-hidden="true"></i></button>
                    </form>


这样在搜索详情页中,像下面这样写就可以了,因为上面有隐藏的参数,他会传递过来。

  {hmcms:search num=8 order=sorting}
          <div class="product-list-box mb-4 "   data-aos="fade-up" data-aos-duration="1000" >
                    <a href="[search:link]" target="_blank" class="product-list">                    
                        <div class="ico "><img src="[search:ico]" class="w-100" alt="[search:title]"></div>   
                        <div class="desc">                           
                            <div class="d-block">
                               <div class="title mb-1 fs-16 fs-sm-12 fw600">[search:title]</div> 
                                <div class="description fs-12 fs-sm-12">[search:description drophtml=1 len=100]</div> 
                            </div>
                            
                        </div>                      
                     </a> 
               </div>
        {/hmcms:search}


如果在FORM中,不写隐藏参数,也可以直接在搜索详情页中直接用参数作限制。

  {hmcms:search num=8 scode=1 order=sorting field='title|subtitle'}
          <div class="product-list-box mb-4 "   data-aos="fade-up" data-aos-duration="1000" >
                    <a href="[search:link]" target="_blank" class="product-list">                    
                        <div class="ico "><img src="[search:ico]" class="w-100" alt="[search:title]"></div>   
                        <div class="desc">                           
                            <div class="d-block">
                               <div class="title mb-1 fs-16 fs-sm-12 fw600">[search:title]</div> 
                                <div class="description fs-12 fs-sm-12">[search:description drophtml=1 len=100]</div> 
                            </div>
                            
                        </div>                      
                     </a> 
               </div>
        {/hmcms:search}


后台标签中有说明:

搜索提交
<form action="{cms:scaction}" method="get">搜索提交地址;keyword/q、field、scode、searchtpl 均已支持。
示例 / 兼容写法
{hmcms:scaction}


搜索结果:

搜索结果
{cms:search num="20" field="title|content"}...{/cms:search}多条件搜索结果;支持 fuzzy、filter、lfield、mark。
示例 / 兼容写法
[search:title mark=1]


正在加载评论…