织梦dedecms首页弹出推荐产品弹窗_dedecms教程_php教程

目标：根据后台定义的全局变量值（某一产品ID）前台页面自定开启该产品的弹窗

效果图：

操作步骤：

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 .="<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 "<LINK rel='stylesheet' type='text/css' href='/templets/default/js/simple.css'>";

}

{/dede:php}

$(function() {

$.dialog({width: '600px',

lock:true,

zIndex: 9999,

drag:true,

title:'最新产品推荐',

background:'#600',

opacity: 0.47,

esc:true,

content: document.getElementById('pop')