如何将安装好的LiveZilla与Magento整合

2,364 人次阅读

共计 4403 个字符，预计需要花费 12 分钟才能阅读完成。

其实将LiveZilla添加入Magento有很多方法,这里就介绍三个比较普遍的方法.

如果你只想在某个或几个固定页面的显示LiveZilla的图标,那么你可在magento后台创建一个static block,在其中粘贴上LiveZilla提供给你的Script/Code代码

<divstyle="text-align: center; width: 145px;"><ahref="javascript:void(window.open('http://jidda.name/livezilla/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><imgsrc="http://jidda.name/livezilla/image.php?id=01&type=inlay"width="145"height="69"border="0"alt="LiveZilla Live Help"/></a><divstyle="margin-top: 2px;"><ahref="http://www.livezilla.net"target="_blank"title="LiveZilla Live Help"style="font-size: 10px; color: #bfbfbf; text-decoration: none; font-family: verdana, arial, tahoma;">LiveZillaLive Help</a></div></div><divid="livezilla_tracking"style="display: none"></div><scripttype="text/javascript">/* <![CDATA[ */var script = document.createElement("script");script.type="text/javascript";var src = "http://jidda.name/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);/* ]]>*/</script><noscript><imgsrc="http://jidda.name/livezilla/server.php?request=track&output=nojcrpt"width="0"height="0"style="visibility: hidden;"alt=""/></noscript>

切记禁用所见即所得编辑模式并在想要的显示的页面位置引入此static block即可.

如果你想在每个页面的头部或底部加入LiveZilla图标,那么你得找到网站所使用的模板的对应头部或底部文件.一般默认模板的路径在 app/design/frontend/base/defaul/template/page/html,头部文件为header.phtml,底部文件footer.pthml
添加livezilla可能需要修改一下html,然后加入

<divstyle="text-align: center; width: 145px;"><ahref="javascript:void(window.open('http://jidda.name/livezilla/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><imgsrc="http://jidda.name/livezilla/image.php?id=01&type=inlay"width="145"height="69"border="0"alt="LiveZilla Live Help"/></a><divstyle="margin-top: 2px;"><ahref="http://www.livezilla.net"target="_blank"title="LiveZilla Live Help"style="font-size: 10px; color: #bfbfbf; text-decoration: none; font-family: verdana, arial, tahoma;">LiveZillaLive Help</a></div></div><divid="livezilla_tracking"style="display: none"></div><scripttype="text/javascript">/* <![CDATA[ */var script = document.createElement("script");script.type="text/javascript";var src = "http://jidda.name/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);/* ]]>*/</script><noscript><imgsrc="http://jidda.name/livezilla/server.php?request=track&output=nojcrpt"width="0"height="0"style="visibility: hidden;"alt=""/></noscript>

如果你想在每个页面的两侧显示浮动的LiveZilla,其实方法同上,并且比第二种更简单,因为LiveZilla提供此代码,只需在头部或底部文件任意位置加入LiveZilla的Float Button代码,即可实现

<divstyle="display:none;"><ahref="javascript:void(window.open('http://jidda.name/livezilla/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><imgid="chat_button_image"src="http://jidda.name/livezilla/image.php?id=02&type=overlay"width="32"height="112"border="0"alt="LiveZilla Live Help"></a></div><divid="livezilla_tracking"style="display:none"></div><scripttype="text/javascript">var script = document.createElement("script");script.type="text/javascript";var src = "http://jidda.name/livezilla/server.php?request=track&output=jcrpt&fbpos=10&fbml=0&fbmt=0&fbmr=0&fbmb=0&fbw=32&fbh=112&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><imgsrc="http://jidda.name/livezilla/server.php?request=track&output=nojcrpt&fbpos=10&fbml=0&fbmt=0&fbmr=0&fbmb=0&fbw=32&fbh=112"width="0"height="0"style="visibility:hidden;"alt=""></noscript>