织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

织梦dedecms首页弹出推荐产品弹窗

织梦园模板 / 2019-09-07 / 收藏
目标:根据后台定义的全局变量值(某一产品ID)前台页面自定开启该产品的弹窗
效果图:
织梦dedecms首页弹出推荐产品弹窗
 
操作步骤:
1、登陆到织梦dedecms 网站后台,找到 系统 - 系统基本参数 - 添加新变量,按照下面的方式输入并创建该变量(注意:变量名不要输错)
 织梦dedecms首页弹出推荐产品弹窗
 
1、打开 /wwwroot /include/ extend.func.php文件
在页面***底部插入以下代码:
//根据后台自定义变量自动判断首页是否弹出产品弹窗
function getPopProduct(){
    $poproID  = $GLOBALS['pop_product'];
    if(!empty($poproID) && $GLOBALS['pop_product'] != 0){
        $row = GetOneArchive($poproID);
        $poproTit = $row['title'];
        $poproUrl = $row['arcurl'];
        $poproDesc = $row['description'];
        $poproPic.= "<img WIDTH=250px; height=250px; src=".$row['litpic']." />";
        $popInfo .="<div class=pop><div class=pop_left>";
        $popInfo .= $poproPic."</div><div class=pop_right><span class=pop_title>".$poproTit."</span><p>".$poproDesc."</p><div class=pop_right3><a href=".$poproUrl." target=_blank>了解详情>></a></div></div>";
    }else{
        $popInfo = "";
        }
    echo $popInfo;
}
 
2 打开首页模板文件:
a、在<body>之前插入以下代码
{dede:php}
if(!empty($GLOBALS['pop_product']) && $GLOBALS['pop_product'] != 0){
    echo "<SCRIPT language='javascript' type='text/javascript' src='/templets/default/js/jquery.artDialog.min.js'></SCRIPT>";
    echo "<SCRIPT language='javascript' type='text/javascript' src='/templets/default/js/artDialog.plugins.min.js'></SCRIPT>";
    echo "<!--[if gte IE 7]><!--><LINK rel='stylesheet' type='text/css' href='/templets/default/js/simple.css'><!--<![endif]--><!--[if lt IE 7]><link href=/templets/default/js/default.css /><![endif]-->";
}
{/dede:php}
<script type="text/javascript" charset="utf-8">
      $(function() {
          $.dialog({width: '600px',
                   lock:true,
                   zIndex: 9999,
                   drag:true,
                   title:'***新产品推荐',
                   background:'#600',
                   opacity: 0.47,
                   esc:true,
                   content: document.getElementById('pop')
                    });
    });
</script>

相关织梦技巧

收缩