Magento侧边栏联系方式的实现

最新推荐文章于 2021-06-02 17:03:29 发布

陵南仙道

最新推荐文章于 2021-06-02 17:03:29 发布

阅读量342

点赞数

CC 4.0 BY-SA版权

分类专栏： Magento开发 PHP开发总结 magento插件

本文链接：https://blog.youkuaiyun.com/filanphper/article/details/84645502

Magento开发同时被 3 个专栏收录

42 篇文章

订阅专栏

PHP开发总结

38 篇文章

订阅专栏

magento插件

14 篇文章

订阅专栏

本文通过代码分享了如何在Magento电子商务平台中实现在侧边栏添加联系方式，以提升客户沟通效率和购物体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
直接上代码

<!--Footer Talks-->
<style>
	#talks{width:50px;position:fixed;bottom:150px;right:4px;z-index: 9999;}
	#talks a{float:left;margin-bottom:10px}
	#talks a img{width:40px;}
	#talks a:hover img{transform: scale(1.2);}
	.wechat{position:relative;}
	.erweima{width: 200px;display:none;position:absolute;bottom:0;left:-204px}
	.wechat:hover .erweima {display: block !important;left: -230px;bottom: 16px;}

</style>
<div id="talks">
<a href="mailto:#" target="_blank" title="Talk To Us On Email">
	<img src="<?php echo $this->getUrl('')?>media/talk/email.png" alt="" style="border:0px;" class="bounce">
</a>
<a href="#" target="_blank" title="Talk To Us On Instagram">
	<img src="<?php echo $this->getUrl('')?>media/talk/instagram.png" alt="" style="border:0px;" class="bounce">
</a>
<a href="#" target="_blank" title="talk to us in whatsapp">
	<img src="<?php echo $this->getUrl('')?>media/talk/whatsapp.png" alt="talk to us in whatsapp" style="border:0px;" class="bounce">
</a>
<a href="#" target="_blank" title="Talk To Us On Twitter">
	<img src="<?php echo $this->getUrl('')?>media/talk/twitter.png" alt="Talk To Us On Twitter" style="border:0px;" class="bounce">
</a>
<a href="#" target="_blank" title="Talk To Us On Youtube">
	<img src="<?php echo $this->getUrl('')?>media/talk/youtube.png" alt="Talk To Us On Youtube" style="border:0px;" class="bounce">
</a>
<a target="_blank" title="Talk To Us On Wechat" class="wechat">
	<img src="<?php echo $this->getUrl('')?>media/talk/wechat.png" alt="Talk To Us On Wechat" style="border:0px;" class="bounce">
	<div class="erweima"><img src="<?php echo $this->getUrl('')?>media/talk/#.jpg" style="width:505px !important"></div>
</a>

</div>
<!--Footer Talks-->

很好用，更利于收集客户