Facebook comments plugin does not work properly when used with Product Grouping - technote

created by Florin Carlig on Jul 24, 2012 4:58 AM, last modified by Florin Carlig on Nov 21, 2012 10:00 PM
Version 3

    This technote will show how you can solve the issue with the product grouping dropdown causing the Facebook comments module to stop working properly.

    Problem

    When I choose another product from the grouping dropdown, my Facebook Comments widget breaks

    Setup (or impacted users or workflow)

    This is the setup affected:

       
    • you use product grouping (you have {tag_grouping}  on the Product Large Detail layout)
      •  
    • you have the Facebook comments module on the Product Large Detail Layout

    Solution

    Follow these steps:

       
    1. Go to http://developers.facebook.com/docs/reference/plugins/comments/ and click the "Get Code" button.

          Note: do not change the default "URL to comment on" value.             

      FB_code.png

       
      2.  
    2. Copy the first part of the code shown on screen (section 1) and paste it in the default template that is used for your e-commerce part of the site right after the <body> tag    
      comment_code.png 
      3.  
    3. Copy the second part of the code shown in the screenshot above (section 2) and paste it into the container.html file found in the Navigate to  File Manager > Module Templates > Social Media >FacebookComments > Default folder:    

      container.png

         

    4.       After pasting the code rename data-href="http://example.com" with data-href="{tag_url}" like so:      

      replace.png

     

    If you run into any other issues, please contact the Business Catalyst support team by clicking the Help & Support button on your site.