Magento – Social links aus dem RWD Theme verwenden

PictureMagento bringt im RWD Theme (ab Magento CE 1.9) unter anderem auch einen Social Media Footer mit. In diesem werden die Links zu den verschiedenen Portalen wie Facebook, Twitter etc. nett mit Icons versehen.

Um diesen Footer zu nutzen kann man wie folgt vorgehen:

1. Nutzung des RWD-Standard-Footers mit dem Code / internal identifier “footer_links_company”. Dieser wird normalerweise so aufgebaut:

<div class ="links">
<div class ="block-title"><strong><span>Spaltentitel</span></strong></div>
<Street>
<li><a title="Link 1" href="#" target="_self">Link 1</a></li>
<li><a title="Link 2" href="#" target="_self">Link 2</a></li>
<li><a title="Link 3" href="#" target="_blank">Link 3</a></li>
</Street>
</div>

Und dies kann man dann Spalte für Spalte machen. Möchte man nun die Social Links verwenden, nimmt man diesen Code:

<div class ="links social-media">
<div class ="block-title"><strong><span>Follow us</span></strong></div>
<Street>
<li><a href="#"><em class="facebook"></in>Facebook</a></li>
<li><a href="#"><em class="twitter"></in>Twitter</a></li>
<li><a href="#"><em class="pinterest"></in>Pinterest</a></li>
<li><a href="#"><em class="youtube"></in>Youtube</a></li>
</Street>
</div>

Hiermit werden die Links dann jeweils mit einem Icon versehen. The icons come from the image “social_icons.png”, welches im Ordner skin\frontend\rwd\default\images\ liegt und werden über die styles.css definiert (or. welches Bild angezeigt wird).

PictureMan kann es natürlich auch umbauen, dass man nur die für einen selbst interessanten Icons hat.

2. Die andere Möglichkeit besteht in der Aktivierung des Social-Media-Blocks in der page.xml. Hierzu gibt es bereits einen Teil im Code, der standardmäßig auskommentiert ist und zwar nach

<!-- This static block can be created and populated in admin. The footer_links cms block can be used as a starting point. -->

Der Code

                <block type="cms/block" name ="footer_social_links">
                    <action method="setBlockId"><block_id>footer_social_links</block_id></action>
                </block>

provides for the display of a static block with the internal identifier “footer_social_links”. Dieser muss nun nur noch erstellt werden. Der Inhalt unterscheidet sich dann nicht von dem o.g. apart, that only the lower part to the “social-media” part needs.

Einen wirklichen Vorteil von Vorgehensweise 2 sehe ich aber nicht, da beide Bereiche (Links und Social-Media) jeweils über CSS ansprechbar sind und sowieso -strukturseitig- nacheinander genannt werden. Es ist daher einfacher Vorgehensweise 1 use.

Used in Magento Version 1.9 Comments? Additions? Notes? Gladly!

Published by Covos

Since 2009 I have been working intensively with Magento. I started with the creation and operation of B2C stores. This was extended through my work in the logistics sector. This resulted first specialized B2E systems. Today I work day-a day with exciting B2C, B2B- and B2E projects and reports in this blog about challenges and give insider tips.

Leave a Reply

Your email address will not be published. Required fields are marked *