dedecms首页弹出推荐产品弹窗

时间： 2019-05-13 11:29 阅读：次作者：素材无忧网

目标：根据后台定义的全局变量值（某一产品ID）前台页面自定开启该产品的弹窗
效果图：
dedecms首页弹出推荐产品弹窗

操作步骤：
1、登陆到网站后台，找到系统 - 系统基本参数 - 添加新变量，按照下面的方式输入并创建该变量（注意：变量名不要输错）
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 .="<p class=pop><p class=pop_left>";
        $popInfo .= $poproPic."</p><p class=pop_right><span class=pop_title>".$poproTit."</span><p>".$poproDesc."</p><p class=pop_right3><a href=".$poproUrl." target=_blank>了解详情>></a></p></p>";
    }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>

转载请注明： dedecms首页弹出推荐产品弹窗

上一篇：DedeCMS文档关键词频率不能修改解决方法

下一篇：Column 'nature' has duplicated value '婆婆妈妈' in

标签：