Announcement

Collapse
No announcement yet.

Facebook 'Like' Button in all products.

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Facebook 'Like' Button in all products.

    Hey Everyone,

    i just upgraded to v10, and i was wondering if anyone knows of a way to add the new 'like' button from facebook into all my products, without going in manually and adding it into the description of each one ?

    any help would be much appreciated, the how to on adding it to regular sites can be found here:

    http://www.webmonkey.com/2010/04/add...-is-damn-easy/

    Dean
    Tags: None
    #2
    As actinic is a template based system and your products are set to use a product layout template (most likely one across the whole store), then you'd simply add the code to the product layout and thus every product using that layout would have it then.

    Comment

      #3
      perfect, ill give it a shot in a little while using that code and see if there are any issues.

      Comment

        #4
        Dean do you have Multi Product Pages or Single Product Pages?

        If MPP, it may be a bit much having the "like" link on every product, so you could show/hide using a variable.

        EDIT: If I sound like I'm talking in code, let me know...

        Army Gore-tex
        Winter Climbing Mitts
        webD's Blog: Website design, SEO and other ramblings…
        Twitter LinkedIN

        If you think a post is good, rate it!

        Find the answers in the Knowledge Base | Have you read the User Guides

        Comment

          #5
          Ok, so here is where i am at.

          looked at more info on the facebook developer site, and there are 2 ways of doing it, the first requires you to enter the Url of the page to like, which would be time consuming, the second which i want to do automatically references the current page the user is on, but requires using facebook's javascript SDK.

          so i want to use the javascript version as it seems way better, here is the code i found

          <fb:like href="Your URL" layout="standard" show-faces="true" width="450" action="like" colorscheme="light" />

          just wondering if anyone had already added this to their site and had any tips?

          here are some reference links, figured if this works it could be something a lot of people will find useful, i am just stuck as to where etc to add these bits of code in my templates.

          http://developers.facebook.com/docs/...e/plugins/like

          http://developers.facebook.com/docs/...ce/javascript/

          Comment

            #6
            Originally posted by webD View Post
            Dean do you have Multi Product Pages or Single Product Pages?

            If MPP, it may be a bit much having the "like" link on every product, so you could show/hide using a variable.

            EDIT: If I sound like I'm talking in code, let me know...
            Hey WebD, i have multiple product pages, ideally i would like to have the like link shown on each product, even though on each individual one it would still revert to that one whole page.

            here is a link to the site if it helps

            http://www.4downdistribution.com/acatalog/fitforks.html

            Comment

              #7
              Originally posted by DeanHearne View Post
              so i want to use the javascript version as it seems way better, here is the code i found

              <fb:like href="Your URL" layout="standard" show-faces="true" width="450" action="like" colorscheme="light" />

              just wondering if anyone had already added this to their site and had any tips?
              You need to add the facebook sdk into the page, they suggest
              Code:
               <div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
              This would go in the overall layout after the <body> tag.

              The code you show would go in the product layout

              Malcolm
              SellerDeck Accredited Partner,
              SellerDeck 2016 Extensions, and
              Custom Packages

              Comment

                #8
                Originally posted by DeanHearne View Post
                Hey WebD, i have multiple product pages, ideally i would like to have the like link shown on each product, even though on each individual one it would still revert to that one whole page.
                Then just use the standard code and all will be well.

                Army Gore-tex
                Winter Climbing Mitts
                webD's Blog: Website design, SEO and other ramblings…
                Twitter LinkedIN

                If you think a post is good, rate it!

                Find the answers in the Knowledge Base | Have you read the User Guides

                Comment

                  #9
                  Has anyone managed to implement facebook likes on individual products?

                  I'm thinking so i can have product a with 10 likes and product b with 5 likes, I hope this will aid sales.

                  Comment

                    #10
                    Found this...

                    http://community.actinic.com/showthread.php?t=49799

                    Comment

                    Previous template Next
                    Working...
                    X