YZMCMS内容管理系统

首页 > 动态

YzmCMS轮播图修改教程

来源:原创    2021-12-10 11:07:01   编辑:管理员   浏览:216

YzmCMS默认模板首页有一组轮播图,我在做的时候,特意没调用系统轮播图标签,因为为了保证系统的干净,不想添加无用信息,但很多小白不清楚怎么修改,我这里来写一篇教程:

YzmCMS轮播图修改教程


用编辑器打开文件: /application/index/view/default/index.html

轮播图区域HTML代码:

<!-- 轮播图 开始 -->
<div class="swiper-container yzm-banner">
	 <div class="swiper-wrapper">
		  {m:banner field="title,image,url,typeid" limit="5"}
		  {loop $data $v}	
		  <div class="swiper-slide">
			<a href="{$v[url]}" target="_blank">
				<img src="{$v[image]}" alt="{$v[title]}" title="{$v[title]}" />
			</a>
		  </div>
		  {/loop}	
	 </div>
	 <div class="swiper-pagination"></div>
	 <div class="yzm-button-next"></div>
	 <div class="yzm-button-prev"></div>

</div>	
<!-- 轮播图 结束 -->


把以上代码复制到你的网站模板上,然后再登录管理员后台-模块管理-轮播图管理,添加轮播图即可显示,是不是很简单。


其他补充说明:

电脑版默认模板目录为:

/application/index/view/default/


手机版默认模板目录为:

/application/mobile/view/default/


以“category_”开头的模板为栏目频道页模板,以“list_”开头的模板为栏目列表页模板,以“show_”开头的模板为内容页模板,YzmCMS标签大全:

https://www.yzmcms.com/dongtai/30.html