[Damir (WSA-team)]

Quick links

View demo
View add-on on WebShopAddons Site
View add-on on CS-Cart Marketplace

Dear friends,

Today we are announcing the new free "[WSA] Facebook Comments" add-on from our team.

Short descriptions. This add-on adds facebook comments to the store products:
http://developers.fa...ugins/comments/

---UP---
You can download latest install archive using the link below:
http://webshopaddons...k-comments.html
---UP---

Installation.

1. To install the modification on your CS-Cart, it is necessary to copy this archive to the root directory and unpack it.
2. Then one should install the "[WSA] Facebook Comments" module on the modules page in the administrator area.

Setting Facebook.
1. If you have no account in facebook, please register by the link below:
https://www.facebook.com/r.php

2. Enter your account in facebook and follow the link below:
https://developers.facebook.com/apps

3. Click the "Register as a Developer" button.
Please have a look at the screenshots "Register as a Developer", "Register as a Developer_1", "Register as a Developer_2" and "Register as a Developer_3" in the attachments.

4. Create a new application with using the "Create New App" button.
Please have a look at the screenshots "Create New App", "Create New App_1" and "Create New App_2" in the attachments.

5. On the parameters page of the new created app, please complete the following fields.
- "App Domains" – the domain of your store where facebook comments will be located.
(!) Please note that the value is specified without "http" and "www". Here is an example: demo.cs-cart.webshopaddons.com .
- Select the “Website with Facebook Login" option and complete the "Site URL" field appeared.
(!) Please note that the value is specified with "http". Here is an example: http://demo.cs-cart.webshopaddons.com/ .

Do not forget to save the changes. Please note that your changes may take several minutes to propagate to all servers.

Please have a look at the screenshot "Edit App" in the attachments.

6. The "App ID" received (in the screen shot the field has the value "463827963711966") should be completed in settings of the "[WSA] Facebook Comments" add-on in the administration panel.
The "user id" field should also be completed. The user id value you can find out from the heading of your facebook page, here is an example: http://www.facebook....100006019449033 where user id is 100006019449033.
If a nickname is defined for your account, here is an example: http://www.facebook....addons.maverick , to find out your user id, you need to follow this link:
https://graph.facebo...addons.maverick
but you should specify your nickname instead of "webshopaddons.maverick".
(!) Please do not mistake the fields.

Please have a look at the screenshots "[WSA] Facebook Comments options" and "user id" in the attachments.

Due to the settings made, when you are logged in to your Facebook account, when the comments are displayed, the "Moderator view" moderation panel will appear for you.

Please have a look at the screenshot "facebook_moderator_view" in the attachments.


Setting the block for a product.
1. On the block page, here is an example:
http://demo.cs-cart...._manager.manage
create a new block named "Facebook comments".
Please have a look at the screenshot "Add Block - Facebook comments" in the attachments.

2. On the "Product tabs" page, here is an example:
http://demo.cs-cart....tch=tabs.manage
it is necessary to add a new tab with the "Facebook Comments" block.
Please have a look at the screenshot "Editing tab - Facebook Comments" in the attachments.

Now you can go to the product details page and check the add-on operation.
Here is an example: http://demo.cs-cart....-series-tv.html

I will be glad for any comments.

Thank you.

Attached Files

•  wsa_facebook_comments.png   124.54KB   320 downloads
•  Register as a Developer.png   70.97KB   357 downloads
•  Register as a Developer_1.png   67.66KB   285 downloads
•  Register as a Developer_2.png   64.56KB   252 downloads
•  Register as a Developer_3.png   62.1KB   223 downloads
•  Create New App.png   70.15KB   205 downloads
•  Create New App_1.png   48.27KB   191 downloads
•  Create New App_2.png   68.71KB   196 downloads
•  Edit App.png   62.63KB   223 downloads
•  WSA Facebook Comments options.png   14.92KB   218 downloads
•  user id.png   8.45KB   183 downloads
•  facebook_moderator_view.png   21.33KB   183 downloads
•  Add Block - Facebook comments.png   37.98KB   195 downloads
•  Editing tab - Facebook Comments.png   15.57KB   164 downloads

Edited by Damir (WSA-team), 21 June 2015 - 03:09 PM.

[meetshamee]

Nice Share, But How to Change Language To English ?

[meetshamee]

Just Solved with edit :

/ var / skins_repository / basic / customer / addons / wsa_f_comments / hooks / index / footer.post.tpl






{* Software License Agreement (BSD License)
Copyright © 2013, Damir Sanatullin webshopaddons.com
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright
notice, this list of conditions and the following disclaimer in the
documentation and/or other materials provided with the distribution.
* Neither the name of Edward Eliot nor the names of its contributors
may be used to endorse or promote products derived from this software
without specific prior written permission of Edward Eliot.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER AND CONTRIBUTORS "AS IS" AND ANY
EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY
DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

wsa_f_comments 27 May 2013 *}

<div id="fb-root"></div>

<script type="text/javascript">
//<![CDATA[
(function(d, s, id) {$ldelim}
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_US/all.js#xfbml=1{if $addons.wsa_f_comments.wsa_f_comments_facebook_app_ids}&appId={$addons.wsa_f_comments.wsa_f_comments_facebook_app_ids}{/if}";
fjs.parentNode.insertBefore(js, fjs);
{$rdelim}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

[miracles]

Now this is called Addon -

[kickoff3pm]

You know what would make this addon even better ?

If you combined it with reward points so the shop owner could reward anyone who comments with a few points into their account.I'm thinking;

Post a comment about this product and earn ten reward points.

Maximum reward points that can be warned per month is 100 reward points.

I would imagine this would really bring some traffic in via Facebook as customers scramble to get something for free. This in turn would not at all harm their Google ranking of the site.

[Hungryweb]

I just sow @kickoff3pm using it and in my opinion is not sending the incorrect link to Facebook

Fix for correct seo url:
#replace into file f_comments_product.tpl :

data-href="{$config.current_location}/index.php?dispatch=products.view&product_id={$smarty.request.product_id}"

with:

data-href="http://{$config.http_host}{"products.view&product_id=`$smarty.request.product_id`"|fn_url}"

final result should be:

<div class="fb-comments" data-href="http://{$config.http_host}{"products.view&product_id=`$smarty.request.product_id`"|fn_url}" data-width="{$addons.wsa_f_comments.wsa_f_comments_products_width}" data-num-posts="{$addons.wsa_f_comments.wsa_f_comments_products_num_posts}" data-colorscheme="{$addons.wsa_f_comments.wsa_f_comments_products_colorscheme}" data-order_by="{$addons.wsa_f_comments.wsa_f_comments_products_order_by}"></div>

I hope that helps,

---
Valentin

[kickoff3pm]

Thanks val, suppose I should have ran it past you before installing anyway

[Damir (WSA-team)]

Dear friends,

Nice Share, But How to Change Language To English ?

Thank you for the correction. Yes, everything is right. It is necessary to make alterations with the file "var/skins_repository/basic/customer/addons/wsa_f_comments/hooks/index/footer.post.tpl" to make the commentary interface work in english. Symbols "ru_RU" should be replaced for "en_US". After that it is necessary to reinstall the add-on.
Also you can download a new install archive in the first message.

Now this is called Addon -

miracles, yes it's called add-on It's not easy for all users to make Facebook's documentation out, that is why we lower essential operations as much as possible and make the description of the setting's algorithm more detailed. Moreover add-on has settings due to which it is possible to change an external view just from the admin panel that makes the setting easier.

You know what would make this addon even better ?

If you combined it with reward points so the shop owner could reward anyone who comments with a few points into their account.I'm thinking;

Post a comment about this product and earn ten reward points.

Maximum reward points that can be warned per month is 100 reward points.

I would imagine this would really bring some traffic in via Facebook as customers scramble to get something for free. This in turn would not at all harm their Google ranking of the site.

Thank you for the offered idea. I'd like to notice that we are planning update on each add-on provided by us. Now about your current idea. It's very interesting but with reference to Facebook's comments it'll be hard to develop automatic reward points. Maybe we'll be able to make a simplified variant in future.

...
final result should be:

<div class="fb-comments" data-href="http://{$config.http_host}{"products.view&product_id=`$smarty.request.product_id`"|fn_url}" data-width="{$addons.wsa_f_comments.wsa_f_comments_products_width}" data-num-posts="{$addons.wsa_f_comments.wsa_f_comments_products_num_posts}" data-colorscheme="{$addons.wsa_f_comments.wsa_f_comments_products_colorscheme}" data-order_by="{$addons.wsa_f_comments.wsa_f_comments_products_order_by}"></div>

It's strange that in your case the variable "current location" lacked the full store's address with "http". We'll examine this question more detailed at a release of a new version of an add-on. In any case thank you for the proposed solution, maybe it'll be useful for other users.

[kickoff3pm]

Another idea is to have all the comments listed in the admin section with links to the product.

This is so the admin know where and when the has been a comment made.

Either that or send an email to admin.

[Damir (WSA-team)]

Another idea is to have all the comments listed in the admin section with links to the product.

This is so the admin know where and when the has been a comment made.

Either that or send an email to admin.

Thank you for the offered idea. For now you can view all comments follow the link below:
http://developers.fa.../tools/comments

Please have a look at the screenshot "Comment moderation tool" in the attachments.

Attached Files

•  Comment moderation tool.png   36.26KB   57 downloads

[Magpie Don]

Love it!

[Mashmedia]

I have installed the addon and it works great! http://www.dampersho...h-ecab-wit.html
But 1 problem. The product image is not shared on facebook. He grabs a random image from the website.

Maybe there is already a solution?

[Damir (WSA-team)]

Love it!

Thank you

I have installed the addon and it works great! http://www.dampersho...h-ecab-wit.html
But 1 problem. The product image is not shared on facebook. He grabs a random image from the website.

Maybe there is already a solution?

Facebook has a set of open-graph meta tags that it looks at to decide which image to show. You can find more detailed information by following the link given below:
http://stackoverflow...r-select-images

[kickoff3pm]

It says you need to put this in your header;

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

But we would be someone who can code to convert that into code that works for each product.

[StellarBytes]

There's a rather basic modification available on the forum for rich snippets/schema/meta data which allows you to copy/paste the code on the relevant template which provides you with rich snippets (schema tags), thus you also get the correct product thumbnail image showing on Facebook.

[Damir (WSA-team)]

But we would be someone who can code to convert that into code that works for each product.

OK. This mods will be added in a new version of the addon which appears after our website’s publication. Follow our team’s renewals.

[kickoff3pm]

Damir, in your setting you have;

Your facebook user ids to moderate(example: 100004736109179):

Using the id like that produces and error when the url is debuged. -
'fb:admins' could
not be parsed as type 'fbid'."

Replace that with the facebook name seems to work better; Is this how it should look till the property meta is fixed ?
Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
og:image should be larger Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://matchdaymemor...40/P1070316.png' will be used instead.

[Damir (WSA-team)]

Damir, in your setting you have;

Your facebook user ids to moderate(example: 100004736109179):

Using the id like that produces and error when the url is debuged. -
'fb:admins' could
not be parsed as type 'fbid'."

Replace that with the facebook name seems to work better; Is this how it should look till the property meta is fixed ?
Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
og:image should be larger Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://matchdaymemor...40/P1070316.png' will be used instead.

As far as i've understood you had a error at the instruction the meaning in the form of numbers (id) for the field "Your facebook user ids to moderate".

I'd like to notice that you can use numbers (e.g.,100004736109179) or login (e.g.,webshopaddons) as meanings for the field "Your facebook user ids to moderate".

According to the link below you can see Facebook successfully defined the administrator for the meaning of the field in the form of numbers:
http://developers.fa...-series-tv.html

Also Facebook successfully defined the meaning in the form of login on your site:
http://developers.fa...-programme.html

[kickoff3pm]

To be honest I don't understand any of it. I does work I was just look to get the correct images.

[ruouvang]

Does this addon word with cs-cart 2.x.x?