vidmarc Posted June 18, 2014 Share Posted June 18, 2014 That links to our Facebook business page. Any tips on how to do this? Can I add a box via the admin area in which to insert the Facebook code? Quote Link to comment Share on other sites More sharing options...
Nik Grey Posted June 20, 2014 Share Posted June 20, 2014 I would love to know this too - I am using the Vector skin. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 20, 2014 Share Posted June 20, 2014 If y'all would come up with the code, or the place to get the code, we can do this. I'm assuming it's a bit more complicated that adding an <a href=??> tag in the HTML??? Quote Link to comment Share on other sites More sharing options...
vidmarc Posted June 21, 2014 Author Share Posted June 21, 2014 Shouldn't this option be part of the Facebook social media plugin already installed? It would simply mean adding an option in the skin for it to work without having to made manual edits (which I am no longer going to do). Basically you need to add an iFrame: <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.nucleusfilms.com&width=150&layout=button_count&action=like&show_faces=true&share=true&height=21&appId=186862398157406" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe> Or it can be done with HTML5: Initialize the JavaScript SDK using this app: Include the JavaScript SDK on your page once, ideally right after the opening <body> tag. <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=186862398157406&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> Place the code for your plugin wherever you want the plugin to appear on your page. <div class="fb-like" data-href="http://www.nucleusfilms.com" data-width="150" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> Or a simple url: Use this URL in an iframe or as a link to your plugin. http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.nucleusfilms.com&width=150&layout=button_count&action=like&show_faces=true&share=true&height=21&appId=186862398157406 Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 21, 2014 Share Posted June 21, 2014 There is a Facebook plugin, and comparing the plugin between CC521 and CC5212, there are a couple of differences. Those differences would seem to have the plugin work better and be effective on product pages. The skin template file content.product.php also has a Facebook image tag that is not present in CC521. So, (according to your SIG) maybe just fetching CC5212 and replacing the Facebook plugin in your installation might get you step further along? Quote Link to comment Share on other sites More sharing options...
vidmarc Posted June 21, 2014 Author Share Posted June 21, 2014 Thanks for the feedback. I have the Facebook plugin enabled. I also have the latest CC installed and the latest Blueprint theme installed. How do I upgrade the Facebook plugin? It sounds a bit confusing. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 21, 2014 Share Posted June 21, 2014 You say you have CC5212 installed -- the latest version? Then there is nothing to upgrade. Except the Blueprint theme, perhaps, to bring it up to the CC5212 codebase. Quote Link to comment Share on other sites More sharing options...
vidmarc Posted June 21, 2014 Author Share Posted June 21, 2014 I installed the most up to date Blueprint a few days ago. Not sure what else I can do? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.