Free Addon: [Wsa] Facebook Comments

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.
  3. If you have no account in facebook, please register by the link below:

    [url=“Facebook'a Kaydol | Facebook”]https://www.facebook.com/r.php[/url]


  4. Enter your account in facebook and follow the link below:

    [url=“Facebook'a Giriş Yap”]https://developers.facebook.com/apps[/url]


  5. 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.


  6. 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.


  7. 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: [url=“http://demo.cs-cart.webshopaddons.com/”]http://demo.cs-cart.webshopaddons.com/[/url] .



    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.


  1. 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.
  2. 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.


  3. 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.

    wsa_facebook_comments.png

    Register as a Developer.png

    Register as a Developer_1.png

    Register as a Developer_2.png

    Register as a Developer_3.png

    Create New App.png

    Create New App_1.png

    Create New App_2.png

    Edit App.png

    WSA Facebook Comments options.png

    user id.png

    facebook_moderator_view.png

    Add Block - Facebook comments.png

    Editing tab - Facebook Comments.png

Nice Share, But How to Change Language To English ?

Just Solved with edit :



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













{* Software License Agreement (BSD License)

Copyright (C) 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 *}




Now this is called Addon - :)

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.

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 :

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

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

```<br />
<br />
final result should be:<br />
```php
<br />
<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><br />

```<br />
<br />
I hope that helps,<br />
<br />
---<br />
Valentin

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

Dear friends,


[quote name=‘meetshamee’ timestamp=‘1370671128’ post=‘163238’]Nice Share, But How to Change Language To English ?[/quote]



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.




[quote name=‘miracles’ timestamp=‘1370699093’ post=‘163252’]Now this is called Addon - :)

[/quote]

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.


[quote name=‘kickoff3pm’ timestamp=‘1370897868’ post=‘163363’]

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.

[/quote]



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.


[quote name=‘Vali’ timestamp=‘1370900925’ post=‘163364’]



final result should be:

<br />
<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><br />

```<br />
[/quote]<br />
<br />
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.

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.

[quote name='kickoff3pm' timestamp='1371050184' post='163485']

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.

[/quote]

[color=#282828][font=arial, verdana, tahoma, sans-serif]Thank you for the offered idea. [/font][/color]For now you can view all comments follow the link below:

http://developers.fa…/tools/comments



[color=#282828][font=arial, verdana, tahoma, sans-serif]Please have a look at the screenshot “[/font][/color]Comment moderation tool[color=#282828][font=arial, verdana, tahoma, sans-serif]” in the attachments.[/font][/color]

Comment moderation tool.png

Love it!

I have installed the addon and it works great! Age Verification - Dampershop

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?

[quote name=‘Magpie Don’ timestamp=‘1371168757’ post=‘163576’]

Love it!

[/quote]



Thank you :-)


[quote name=‘Mashmedia’ timestamp=‘1371481400’ post=‘163783’]

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?

[/quote]



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:

[url=“How does Facebook Sharer select Images and other metadata when sharing my URL? - Stack Overflow”]How does Facebook Sharer select Images and other metadata when sharing my URL? - Stack Overflow

It says you need to put this in your header;











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

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.

[quote name='kickoff3pm' timestamp='1371497386' post='163817']

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

[/quote]



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.

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://matchdaymemories.com/shop/images/thumbnails/6/200/240/P1070316.png'; will be used instead.

[quote name='kickoff3pm' timestamp='1371549159' post='163873']

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://matchdaymemories.com/shop/images/thumbnails/6/200/240/P1070316.png'; will be used instead.

[/quote]





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.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fdemo.cs-cart.webshopaddons.com%2F40-class-40.0-diag.-led-5003-series-tv.html



Also Facebook successfully defined the meaning in the form of login on your site:

http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fmatchdaymemories.com%2Fshop%2Ffootball-memorabilia%2Ffa-cup%2Ffa-cup-final-programme%2F2009-chelsea-everton-fa-cup-final-match-programme.html

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

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