{"id":2681,"date":"2017-01-06T17:28:44","date_gmt":"2017-01-06T16:28:44","guid":{"rendered":"http:\/\/www.commercers.com\/blog\/?p=2681"},"modified":"2017-01-10T09:33:40","modified_gmt":"2017-01-10T08:33:40","slug":"magento-social-links-aus-dem-rwd-theme-verwenden","status":"publish","type":"post","link":"https:\/\/www.commercers.com\/blog\/magento-social-links-aus-dem-rwd-theme-verwenden\/","title":{"rendered":"Magento – Social links aus dem RWD Theme verwenden"},"content":{"rendered":"

\"Bild\"Magento 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.<\/p>\n

Um diesen Footer zu nutzen kann man wie folgt vorgehen:<\/p>\n

1. Nutzung des RWD-Standard-Footers mit dem Code \/ Internen Bezeichner “footer_links_company”. Dieser wird normalerweise so aufgebaut:<\/p>\n

<div class=\"links\">\r\n<div class=\"block-title\"><strong><span>Spaltentitel<\/span><\/strong><\/div>\r\n<ul>\r\n<li><a title=\"Link 1\" href=\"#\" target=\"_self\">Link 1<\/a><\/li>\r\n<li><a title=\"Link 2\" href=\"#\" target=\"_self\">Link 2<\/a><\/li>\r\n<li><a title=\"Link 3\" href=\"#\" target=\"_blank\">Link 3<\/a><\/li>\r\n<\/ul>\r\n<\/div><\/pre>\n
Und dies kann man dann Spalte f\u00fcr Spalte machen. M\u00f6chte man nun die Social Links verwenden, nimmt man diesen Code:<\/p>\n
<div class=\"links social-media\">\r\n<div class=\"block-title\"><strong><span>Follow us<\/span><\/strong><\/div>\r\n<ul>\r\n<li><a href=\"#\"><em class=\"facebook\"><\/em>Facebook<\/a><\/li>\r\n<li><a href=\"#\"><em class=\"twitter\"><\/em>Twitter<\/a><\/li>\r\n<li><a href=\"#\"><em class=\"pinterest\"><\/em>Pinterest<\/a><\/li>\r\n<li><a href=\"#\"><em class=\"youtube\"><\/em>Youtube<\/a><\/li>\r\n<\/ul>\r\n<\/div><\/pre>\n
Hiermit werden die Links dann jeweils mit einem Icon versehen. Die Icons kommen aus dem Bild “social_icons.png”, welches im Ordner skin\\frontend\\rwd\\default\\images\\ liegt und werden \u00fcber die styles.css definiert (bzw. welches Bild angezeigt wird).<\/p>\n
\"Bild\"Man kann es nat\u00fcrlich auch umbauen, dass man nur die f\u00fcr einen selbst interessanten Icons hat.<\/p>\n
2. Die andere M\u00f6glichkeit besteht in der Aktivierung des Social-Media-Blocks in der page.xml. Hierzu gibt es bereits einen Teil im Code, der standardm\u00e4\u00dfig auskommentiert ist und zwar nach<\/p>\n
<!-- This static block can be created and populated in admin. The footer_links cms block can be used as a starting point. --><\/pre>\n
Der Code<\/p>\n
                <block type=\"cms\/block\" name=\"footer_social_links\">\r\n                    <action method=\"setBlockId\"><block_id>footer_social_links<\/block_id><\/action>\r\n                <\/block><\/pre>\n
sorgt f\u00fcr die Anzeige eines statischen Blocks mit dem internen Bezeichner “footer_social_links”. Dieser muss nun nur noch erstellt werden. Der Inhalt unterscheidet sich dann nicht von dem o.g. abgesehen davon, dass man nur noch den unteren Teil mit dem “social-media” Teil braucht.<\/p>\n
Einen wirklichen Vorteil von Vorgehensweise 2 sehe ich aber nicht, da beide Bereiche (Links und Social-Media) jeweils \u00fcber CSS ansprechbar sind und sowieso -strukturseitig- nacheinander genannt werden. Es ist daher einfacher Vorgehensweise 1 zu verwenden.<\/p>\n
Genutzt in Magento Version 1.9 Kommentare? Erg\u00e4nzungen? Hinweise? Gerne!<\/p>\n","protected":false},"excerpt":{"rendered":"
Magento 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 \/ Internen Bezeichner “footer_links_company”….<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2681","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts\/2681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/comments?post=2681"}],"version-history":[{"count":0,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/posts\/2681\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/media?parent=2681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/categories?post=2681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.commercers.com\/blog\/wp-json\/wp\/v2\/tags?post=2681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}