跨境电商
经验交流分享

Magento用户面板左侧添加新的链接及相应内容

在开发Magento的社会化登录的时候,需要在用户面板的左侧添加一个页面,让客户能看到当前网站帐号已经绑定的第三方帐号。如下图所示。在这里,首先需要在Magento用户登录的控制面板的左侧添加“第三方帐号绑定”的新链接,同时需要设置在该页面右侧显示的内容。

Magento社会化登录

Magento社会化登录

我们需要在左侧添加一个新的链接,代码如下。在xml文件中,添加如下代码即可在左侧添加一个新的url。这里的url链接的页面是path中指定的socialconnect/account/socialconnect。

[xml]
<customer_account>
<reference name="customer_account_navigation">
<action method="addLink" translate="label" module="socialconnect"><name>socialconnect</name><path>socialconnect/account/socialconnect</path><label>第三方帐号绑定</label></action>
</reference>
</customer_account>
[/xml]

那么添加了如上URL之后,我们需要在控制器中添加socialConnectAction(),并在相应的xml文件中添加如下代码,才能和左侧其它链接一样,在用户面板部分正常显示希望显示的内容。

[xml]
<label>Social Connect</label>
<update handle="customer_account"/>
<reference name="my.account.wrapper">
<block type="socialconnect/social" name="social_connect" template="socialconnect/customer/social.phtml">
<block type="socialconnect/links" name="social_links"/>
</block>
</reference>

[/xml]

综合上面两段,完整的代码如下。

[xml]
<customer_account>
<reference name="customer_account_navigation">
<action method="addLink" translate="label" module="socialconnect"><name>socialconnect</name><path>socialconnect/account/socialconnect</path><label>第三方帐号绑定</label></action>
</reference>
</customer_account>
<socialconnect_account_socialconnect>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/ruiwant/socialconnect/social.css</name></action>
</reference>
<label>Social Connect</label>
<!– Mage_Customer –>
<update handle="customer_account"/>
<reference name="my.account.wrapper">
<block type="socialconnect/social" name="social_connect" template="socialconnect/customer/social.phtml">
<block type="socialconnect/links" name="social_links"/>
</block>
</reference>
</socialconnect_account_socialconnect>
[/xml]

赞(0)
未经允许不得转载:锐想 » Magento用户面板左侧添加新的链接及相应内容
分享到: 更多 (0)

评论 2

评论前必须登录!

 

  1. #1

    内容不错,多谢楼主分享Magento方面的知识,很是受用!谢谢分享了。

    Magento开发6年前 (2013-04-13)

锐想电商 - 跨境电商经验交流分享

锐想无限