A-A+

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

2011年07月13日 灵犀一指 如何将安装好的LiveZilla与Magento整合已关闭评论 阅读 1,121 人 次

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

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

<!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><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&amp;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><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><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&amp;output=nojcrpt"width="0"height="0"style="visibility: hidden;"alt=""/></noscript><!-- http://www.LiveZilla.net Tracking Code -->

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

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

<!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><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&amp;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><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><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&amp;output=nojcrpt"width="0"height="0"style="visibility: hidden;"alt=""/></noscript><!-- http://www.LiveZilla.net Tracking Code -->

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

<!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><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&amp;type=overlay"width="32"height="112"border="0"alt="LiveZilla Live Help"></a></div><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><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&amp;output=nojcrpt&amp;fbpos=10&amp;fbml=0&amp;fbmt=0&amp;fbmr=0&amp;fbmb=0&amp;fbw=32&amp;fbh=112"width="0"height="0"style="visibility:hidden;"alt=""></noscript><!-- http://www.LiveZilla.net Tracking Code -->

这里的代码只是一个示例,请使用你自己安装的LiveZilla提供的代码.

进入Magento后台,刷新缓存.再到前台刷新一下,看效果吧,其中可能需要你有一定的HTML/CSS标签基础才能让其更完美

标签:

评论已关闭!