destoon首页前端模板的轮播广告图片怎么添加?

destoon首页前端模板的轮播广告图片怎么添加?

首先我们在后台 添加广告位,

需要填写以下信息:

广告位名称

广告位类型   类型必须选择幻灯片广告,其他广告都是一个广告

广告位大小,因为每个模板文件都不一样 所以请在前台 F12  查看广告位实际大小 然后填写在后台即可

广告位价格,价格自定义

至此广告位创建完成

 

在广告列表页面 会看到刚才创建的广告位的ID

随后 我们复制一下代码{以下代码 请修改 第四行的 26  和2 两个数据   26是后台看到的广告位编号   2是代表显示广告的数量}

<div class="slider">
        <div class="slider_stage">
            <ul id="scrol_4">
<!--{php $ads=tag("table=ad&condition=status=3 and pid=26&pagesize=2&order=addtime asc&template=null")}-->

{loop $ads $k $v}

   
<li style="display: list-item;"><a href="{$t[image_url]}"  target="_blank" style="background: url({$v[image_src]}) no-repeat center top"></a><li>

{/loop} 
             </ul>
        </div>
        <span class="prev prev1"></span><span class="next next1"></span>
        <div class="slider-menu-1">
            <div class="slider-menu-1-box">
                <ul>
                    
                    <li class="current"><b class="left_corner"></b><a href="javascript:;"></a></li>                    
                    
                    <li class=""><b class="right_corner"></b><a href="javascript:;"></a></li>
                    
                </ul>
            </div>
        </div>
  
  
<script language="javascript" src="{DT_SKIN}js/common.js"></script>
</div>

将以下代码 替换   目录:/template/当前主题所在目录/index.html

<div class="slider">
        <div class="slider_stage">
            <ul id="scrol_4">
<li style="display: list-item;"><a href="" target="_blank" style="background: url({DT_SKIN}img/banner1.jpg) no-repeat center top"></a></li>
<li style="display: none;"><a href="" target="_blank" style="background: url({DT_SKIN}img/banner2.jpg) no-repeat center top"></a></li>            </ul>
        </div>
        <span class="prev prev1"></span><span class="next next1"></span>
        <div class="slider-menu-1">
            <div class="slider-menu-1-box">
                <ul>
                    
                    <li class="current"><b class="left_corner"></b><a href="javascript:;"></a></li>                    
                    
                    <li class=""><b class="right_corner"></b><a href="javascript:;"></a></li>
                    
                </ul>
            </div>
        </div>
  
  
<script language="javascript" src="{DT_SKIN}js/common.js"></script>
</div>

因为模板代码并不是完全一致的 所以修改前请注意备份好原文件,或在修改前 先将此页面 创建一个副本。

请务必线上支付,通过线下支付的出现任何问题平台均不担保!

相关推荐

淘宝天猫京东店铺转让交易平台仿麦淘网仿鱼爪网店铺交易租售交易鱼爪店铺转让

[wm_blue]我们仅提供前端设计美化以及后台部署服务,系统使用的destoon由...

发表评论

登录... 后才能评论