Magento侧边栏联系方式的实现_侧边联系我们html-优快云博客

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

本文通过代码分享了如何在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-->

很好用，更利于收集客户