当用户打开一个网站时,在Magento主页上打开一个弹出窗口
Open a popup window on Magento home page once when user open a site
每次用户访问网站时,我都想在主页中打开一个弹出窗口。现在的问题是每次重新加载主页时都会弹出。我只想显示一次这个弹出窗口。
<?php $currentUrl = Mage::helper('core/url')->getCurrentUrl();
if($currentUrl=='http://website.com/')
{
?>
<form action="<?php echo $this->getUrl('subscribe/index/subscriptionsave/'); ?>" id="subscribeForm" method="post">
<div id="boxes">
<div id="dialog" class="window">
<div id="popupfoot"> <a class="agree" href="#">close</a> </div>
<div class="popupcontentbox">
<div class="box_content">
<h2>Stay in the loop!!</h2>
<p>Be the first one to know about new arrivals,
fresh offers & fashion updates.</p>
<div class="book-column-left">
<?php /*?> <label class="f">Email Address<span>*</span></label><?php */?>
<input type="text" class="input-text required-entry validate-email" placeholder="Email Address *" name="emailid" id="emailid">
</div>
<input type="submit" name="sub" value="Submit" class="btn">
<div class="offer_text">Get flat 20% Off on your First purchase. Use coupon "INDULGE20".</div>
</div>
</div>
</div>
<div id="mask"></div>
</div>
</form>
<?php } ?>
<script type="text/javascript">
//<![CDATA[
var subscribeForm = new VarienForm('subscribeForm', true);
//]]>
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
<?php */?><script>
jQuery(document).ready(function() {
var id = '#dialog';
//Get the screen height and width
var maskHeight = jQuery(window).height();
var maskWidth = jQuery(window).width();
//Set heigth and width to mask to fill up the whole screen
jQuery('#mask').css({'width':maskWidth,'height':maskHeight});
//transition effect
jQuery('#mask').fadeIn(500);
jQuery('#mask').fadeTo("slow",0.9);
//Get the window height and width
var winH = jQuery(window).height();
var winW = jQuery(window).width();
//Set the popup window to center
jQuery(id).css('top', winH/2-jQuery(id).height()/2);
jQuery(id).css('left', winW/2-jQuery(id).width()/2);
//transition effect
jQuery(id).fadeIn(2000);
//if close button is clicked
jQuery('.window .agree').click(function (e) {
//Cancel the link behavior
e.preventDefault();
jQuery('#mask').hide();
jQuery('.window').hide();
});
//if mask is clicked
jQuery('#mask').click(function () {
jQuery(this).hide();
jQuery('.window').hide();
});
jQuery(window).scroll(function() {
var scroll = jQuery(window).scrollTop();
if(scroll > 300){
jQuery(".gotop").addClass("active");
}else if(scroll < 300){
jQuery(".gotop").removeClass("active");
}
});
jQuery('.gotop').click(function(){
jQuery("html, body").animate({ scrollTop: 0 }, 700);
return false;
});
});
</script>
保存在cookies
值中,例如OPENED = 1
,然后在php
侧打开下一页时检查是否已经存在此类cookie,然后不要添加您的popup
代码,也不要在javascript
侧进行检查,也不要显示popup
JS实现示例
1)将set
和get
cookie函数添加到您的js中-请参阅此处关于setCookie
和getCookie
的手册-http://www.w3schools.com/js/js_cookies.asp
<script type="text/javascript">
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
}
return "";
}
</script>
2)只需附上显示弹出窗口的if
contion代码,正如我从您混乱的代码中了解到的那样,它是jQuery(id).fadeIn(2000);
if( getCookie('popup_opened') == "" ){
jQuery(id).fadeIn(2000);
// creates popup_opened cookie and will keep it till browser close
setCookie('popup_opened', '1', 0)
}
注意:通过此解决方案,您的访问者至少应该在他使用的每个浏览器上看到一次弹出窗口,因为cookie分别存储在每个浏览器中
相关文章:
- 如何在只能有一个asp.net表单的主页上从asp.net页面中的javascript中获取值
- 如何在
- 使用bootstrap,jquery和javascript创建一个动态主页
- Cookie 数据在离开主页后仅存储一个变量
- 当用户打开一个网站时,在Magento主页上打开一个弹出窗口
- 当我使用另一个iframe时,如何从主页向iframe发送数据
- 下载一个由javascript生成POST参数的主页
- Python可以'NetworkX库创建动画?他们的主页上有一个精美的动画
- 将CSS文件注入限制为仅一个网站主页(没有超过域的内容)
- 在angularJS的主页上添加一个类
- 如何使用JQuery将包含在主页面的另一个页面在iFrame中调用
- React路由器:获取一个登录成功的url,并传递一个令牌,然后重定向到主页
- 如何从主页上分享几个帖子,每个帖子都有自己的截图,但都有一个URL?Facebook, Google+, Twitter
- 如何从主页发送图像到另一个
- 在主页上添加一个变化的图像
- 我如何使用Jquery在主页上放一个滑块插件
- 设置一个cookie来保存用户的语言选择,并被重定向到所选页面而不是主页
- 如何弹出一个通知跨度当用户刚刚登录(而不是只是刷新到主页)
- 如何创建一个 cookie 来检查用户是否访问过我的主页
- 创建一个页面,要求用户在打开主页之前回答数学公式