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

时间:2019-09-07 00:00 来源: 点击:次

目标：根据后台定义的全局变量值（某一产品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>

(责任编辑：admin)

网页特效代码_站长素材站移动版

DeDecms教程

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

时间:2019-09-07 00:00 来源: 点击:次