Topic-icon Need a little help with configuration

Active Subscriptions:

None
11 years 6 months ago - 11 years 6 months ago #49414 by Beatsuka
Hello

I am setting up the JFBConnect module for site and I have just few simple problems that I need help with

1. (this is maybe a silly one) but I have translated all frontend files for the program to my language on transifex but I am unclear on how I go about to installing the language files and use them..

2. when someone shares a content from my site. lets say for example i'm sharing a articled named "damn this plugin is cool" to facebook. the link that comes just say's the name of the website and description of the website but not anything about the article being shared. So instead of sharing a link say'n "Damn this plugin is cool - Bílasíðan.is" or something like that it just shares "Bílasíðan.is - description"
Is that normal or can I edit this somewhere?

3. The buttons on top that allow users to connect theyr account to facebook / twitter work but the background of the buttons (boarder) is white and I need it to be transperant so it just show's the same colour as background.. see screenshot.

4. Is it possible for me somehow to not have the button from point 3 / screenshot , down there but instead have it in the user dropdown menu? :)
Meaning that when You go to the dropdown menu under your name when logged in it has a link say'n "Connect this account to facebook" "Connect this account to twitter" etc..


File Attachment:


Thanks again for a great plugin :)

Best regards
Beatsuka
Last edit: 11 years 6 months ago by Beatsuka.
The topic has been locked.
Support Specialist
11 years 6 months ago #49417 by mel

1. (this is maybe a silly one) but I have translated all frontend files for the program to my language on transifex but I am unclear on how I go about to installing the language files and use them..

The language file for the front-end component needs to be placed in /language/xx-YY/xx-YY.com_jfbconnect.ini (where xx-YY is the language locale code of your language).
The language file for the SCLogin module should be placed in /language/xx-YY/xx-YY.mod_sclogin.ini

2. when someone shares a content from my site. lets say for example i'm sharing a articled named "damn this plugin is cool" to facebook. the link that comes just say's the name of the website and description of the website but not anything about the article being shared. So instead of sharing a link say'n "Damn this plugin is cool - Bílasíðan.is" or something like that it just shares "Bílasíðan.is - description"
Is that normal or can I edit this somewhere?

Facebook gets the Sharedetails like image, description, etc from the Open Graph tags on the page. JFBConnect provides many ways to set these tags on your pages:
1. Enable the appropriate Open Graph plugin for your content - for example 'Open Graph - Content' for Joomla content articles, 'Open Graph - K2' for K2 items, etc.
2. The Open Graph plugin will attempt to automatically determine descriptions and images for the content. However, if you can customize these by creating an Object in JFBConnect > Open Graph > Objects and specify what type of image should be used, and what the description should be based on.
3. You can also set a default description for all pages in JFBConnect > Open Graph > Configuration area.
4. For complete control, you can add the {SCOpenGraph description=Damn this plugin is cool - Bílasíðan.is} and {SCOpenGraphImage image=FULL_PATH_TO_IMAGE} to any content.

For more detailed information on the above options, see www.sourcecoast.com/jfbconnect/docs/open-graph/tags-for-joomla
If you run into problems, for suggestions/tips, please see 'My Share Preview is incorrect' at www.sourcecoast.com/jfbconnect/docs/common-support-questions/

3. The buttons on top that allow users to connect theyr account to facebook / twitter work but the background of the buttons (boarder) is white and I need it to be transperant so it just show's the same colour as background.. see screenshot.

That's strange. We do have transparent PNG's as the social network images. If you look on sourcecoast.com > My Account, you will see that the images look fine with the black background without a white border around. I suspect this might be a styling issue on your site.

4. Is it possible for me somehow to not have the button from point 3 / screenshot , down there but instead have it in the user dropdown menu? current/smile
Meaning that when You go to the dropdown menu under your name when logged in it has a link say'n "Connect this account to facebook" "Connect this account to twitter" etc..

Currently, we don't have this as an option, but we do this issue in our tracker to address in a future release.

I hope this helps clarify these points, but let me know if you continue to have problems resolving these issues.

-Melissa
The topic has been locked.
Active Subscriptions:

None
11 years 6 months ago #49491 by Beatsuka
Hi Melissa and thanks for your reply.

mel wrote: The language file for the front-end component needs to be placed in /language/xx-YY/xx-YY.com_jfbconnect.ini (where xx-YY is the language locale code of your language).
The language file for the SCLogin module should be placed in /language/xx-YY/xx-YY.mod_sclogin.ini


Please tell me.. if I'm try'n to import the icelandic translation. I do not have any other folder then en-GB in language - should I create is-IS folder and then rename every .ini file to is-IS.com_jfbconnect.ini etc?
now the names of the .ini files are all similar to this: for_use_jfbconnect_plg_socialprofiles_communitybuilder_is_IS
I am supposed to put this in the root language file under new folder is-IS?

mel wrote: Facebook gets the Sharedetails like image, description, etc from the Open Graph tags on the page. JFBConnect provides many ways to set these tags on your pages:
1. Enable the appropriate Open Graph plugin for your content - for example 'Open Graph - Content' for Joomla content articles, 'Open Graph - K2' for K2 items, etc.
2. The Open Graph plugin will attempt to automatically determine descriptions and images for the content. However, if you can customize these by creating an Object in JFBConnect > Open Graph > Objects and specify what type of image should be used, and what the description should be based on.
3. You can also set a default description for all pages in JFBConnect > Open Graph > Configuration area.
4. For complete control, you can add the {SCOpenGraph description=Damn this plugin is cool - Bílasíðan.is} and {SCOpenGraphImage image=FULL_PATH_TO_IMAGE} to any content.

For more detailed information on the above options, see www.sourcecoast.com/jfbconnect/ … for-joomla
If you run into problems, for suggestions/tips, please see 'My Share Preview is incorrect' at www.sourcecoast.com/jfbconnect/ … questions/


Thank you. I am working on this now. I have configured a new open graph object but still show's the same. need to give myself time to read through this documentation better. I am a bit confused for what is suposed to be in the "Object type" field. but I'm sure i'll find it in the documentation.

mel wrote: That's strange. We do have transparent PNG's as the social network images. If you look on sourcecoast.com > My Account, you will see that the images look fine with the black background without a white border around. I suspect this might be a styling issue on your site.

Yes this is strange. when I open the images in my photo editor they show as transparant. and I have even tried to recrate them transparant just like I did with my logo. the sites logo transparant image works as .png format but not the social ones.. but I managed to "fix" it just by clearing the boarder and filling the corners with similar colour as is in the background. but then they "dark gray" corners show in the white login screen. but I think I can live with that for now..

mel wrote: Currently, we don't have this as an option, but we do this issue in our tracker to address in a future release.

I hope this helps clarify these points, but let me know if you continue to have problems resolving these issues.

Yes thank you. I look forward to this feature in upcoming releases. using the current setup messes with the top section on my site making it many px's higher then normaly.

so there is no link I can use for this to make a external link menu item? or a way I can link to a page that has these buttons located?

PS: just realised this might be in the wrong forum section. if so I'm truly sorry about that.

thank you again
best regards
Beatsuka
The topic has been locked.
Support Specialist
11 years 6 months ago #49499 by alzander
There are many language packs already available for Joomla. You should install one of them, if available, to take care of the Joomla core languages:
community.joomla.org/translations/joomla-3-translations.html
That will also properly create the folder you need to put your files in and allow you to select the language from the Language Manager. What you describe above should also work (creating your own directory and copying files in there), but using the language packs could be a good start to get lots more translated.

Thank you. I am working on this now. I have configured a new open graph object but still show's the same. need to give myself time to read through this documentation better. I am a bit confused for what is suposed to be in the "Object type" field. but I'm sure i'll find it in the documentation.

Most users don't need to create custom objects. Simply enabling the plugins and letting JFBConnect guess the defaults works well enough. If you want to create your own objects, set the type to "article" and click the "Built-In Facebook Object" box. That's the best default you can use until you play more ;)

Social logos
We're glad to hear you fixed this. One other possibility was that some CSS style was setting the background to white. It's something to investigate if you want to change the color in the future.

4. Is it possible for me somehow to not have the button from point 3 / screenshot , down there but instead have it in the user dropdown menu? current/smile
Meaning that when You go to the dropdown menu under your name when logged in it has a link say'n "Connect this account to facebook" "Connect this account to twitter" etc..

Just an update on this... You may be able to do what you're looking for. We can't tell if you're looking for text links in the drop-down or just moving the connect icons to drop down itself. If you're looking for the icons in the drop-down menu, just like our drop-down menu on this site, you can! To do so, there's a few steps to take. Go to the Joomla Menu Manager and:
* Create a new "External Link" menu item
* Set the title to something like "Connect accounts:"
* Set the URL to 'scconnect'
The SCLogin module will detect this special menu item and show the connect icons in the drop down menu.

Another 'trick' is to add a Logout link with an External Link like above with a URL of 'sclogout'.

We hope that helps, but if you need anything else, just let us know!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 6 months ago - 11 years 6 months ago #49528 by Beatsuka
Hello thank you for the reply!

I managed to put the icons in the drop down menu. brilliant. but there is one problem though.. they show up not next to each other. (see screenshot)

on top of that. is there a way for me to change the "Welcome *username*" text colour somehow in the module and maybe the look of the drop down box? :)

*EDIT* - I would also like to ask if it is possible for me to boost the time the fb like/share buttons apear? They take quite some time to load while the twitter buttons loads instantly (almost)

***

About the share problem.. no luck.. see screenshot of settings. I have tried typing "Article" in "Object Type" but nothing.
i'm going to have to get some reading done I guess! unless you spot some simple fault i'm doing by the screenshots.. :)

***

Regarding the languages.. I have created a new path in both admin and root language files . renamed the langueage .ini files to what I was told to do my Mel. but I have no idea where to change what language files the extension uses..
note that there is no language file for joomla for my language.. so these are the only language files I have in my language.

all others are translated .ini files that I just replaced in en-GB ... and I guess that was a mistake since they will most likely be reversed on next joomla patch lol...

best regards
Hjalti

edit - forgot the screenshots... sry..
File Attachment:


File Attachment:


File Attachment:
Last edit: 11 years 6 months ago by Beatsuka.
The topic has been locked.
Support Specialist
11 years 6 months ago #49541 by alzander

Regarding the languages.. I have created a new path in both admin and root language files . renamed the langueage .ini files to what I was told to do my Mel. but I have no idea where to change what language files the extension uses..
note that there is no language file for joomla for my language.. so these are the only language files I have in my language.

Unfortunately, languages in Joomla have some information stored in the database. You'd need to install, or create, a language pack for Icelandic first which should create the proper database entries. I've honestly been trying to create a language pack as a test to hand to you, but it's a lot more difficult than I expected it would be. I'll keep trying to create one and hopefully can give you a zip that just works.

There's info on how to do so in the links below, but it's (frankly) confusing:
docs.joomla.org/J3.x:Making_a_Language_Pack_for_Joomla

If you have access to run database queries on your server, you may want to try the following which will insert the proper row:

INSERT INTO `<YOUR_PREFIX>_extensions` (`extension_id`, `name`, `type`, `element`, `folder`, `client_id`, `enabled`, `access`, `protected`, `manifest_cache`, `params`, `custom_data`, `system_data`, `checked_out`, `checked_out_time`, `ordering`, `state`)
VALUES
(NULL, 'Icelandic', 'language', 'is-IS', '', 0, 1, 1, 1, '{\"name\":\"Icelandic\",\"type\":\"language\",\"creationDate\":\"\",\"author\":\"\",\"copyright\":\"\",\"authorEmail\":\"\",\"authorUrl\":\"\",\"version\":\"3.3.\",\"description\":\"is-is site language\",\"group\":\"\"}', '', '', '', 0, '0000-00-00 00:00:00', 0, 0);

Make sure you update <YOUR_PREFIX> with the database prefix for your site. Once that's done you *should* be able to just copy any language files to the language/is_IS and edit there.. hopefully :)

I managed to put the icons in the drop down menu. brilliant. but there is one problem though.. they show up not next to each other. (see screenshot)

Try adding the following CSS to your template:
.sclogin li.connect .social-login.reconnect {
clear: none;
}

on top of that. is there a way for me to change the "Welcome *username*" text colour somehow in the module and maybe the look of the drop down box? current/smile

This would all need to be done through some custom CSS. For more information on how to create your own theme for the SCLogin file, see:
www.sourcecoast.com/sclogin/documentation/themes

*EDIT* - I would also like to ask if it is possible for me to boost the time the fb like/share buttons apear? They take quite some time to load while the twitter buttons loads instantly (almost)

There isn't. The buttons are loaded from Facebook directly and while they should be fast, it can go slower based on various factors (extensions installed in your browser, nearest Facebook server, etc).

About the share problem.. no luck.. see screenshot of settings. I have tried typing "Article" in "Object Type" but nothing.
i'm going to have to get some reading done I guess! unless you spot some simple fault i'm doing by the screenshots.. current/smile

In the "Object Type" you should definitely have "article". Right now, it's just blank. Update that and let me know what issues you may be running into (error messages, etc) and we'll gladly help however we can.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 5 months ago #49782 by Beatsuka
Thank you for your reply Alex and I am sorry how long it took me to reply.

Regarding the language issue. I gave up on it lol. I just did my old way.. back up the gb-en file, then I took the files I translated on transifex, renamed those to the same to fit en-gb. and replaced. I'll just need to do this every update.

regarding the fb/twitter icon in dropdown menu - the code you entered worked quite nicely. The icons are now in the same row. except that they are quite far apart from each other. (see screenshot) - I can live with it this way but if you know of a quickfix to that I'm all ears! :) I'd like it to be like 1-2 px appart if you do! :)

Regarding the custom template.. I managed to change what I needed to change.. the colour of the welcome text (as seen on previously mention screenshot) - I also managed to align the dropdown menu to the right. but changing anything else was more then my extremely limited css skills could handle :) but I think it will work nicely like this. at least for now. hopefully one day I can manage to make the dropdown menu more "hip" and noticable :)

Regarding the Share buttons response/load time. thank you for your reply. nice to know at least the possible reason for this :)

and finally --- regarding the share text issue.. I altered the "Object type" to "article" but I still only get the default page description when I try to share a article or any advert on my site (It's a used car advert site) .. the share buttons on the vehicle adverts are from the advert module called JS Autoz.. maybe that is messing with the setup? I don't know..
Basically here is my situation with this.
I have made a Open graph object (see screenshot)
I have added your module to show share buttons on all articles (plain text articles most of them)
I have a car advert module called JS Autoz that has built in share buttons for each advert.. same problem there.
Problem: When I try to share any content it only shows the name of the site and the short description of the site.
Not sure what more info i can give you about this

If it helps then here is a backend link to the live version of the stie - bilasidan.is/?viktor=1

I'm willing to create a superuser access for you if you think you need it to see setup.

File Attachment:


File Attachment:



Best regards, thanks for a great support and sorry for such problems :/
Beatsuka
The topic has been locked.
Support Specialist
11 years 5 months ago #49783 by mel

regarding the fb/twitter icon in dropdown menu - the code you entered worked quite nicely. The icons are now in the same row. except that they are quite far apart from each other. (see screenshot) - I can live with it this way but if you know of a quickfix to that I'm all ears! current/smile I'd like it to be like 1-2 px appart if you do! current/smile

You can try something like the following
.sclogin li.connect .social-login.reconnect{
margin:1px !important;
}

but changing anything else was more then my extremely limited css skills could handle

If you have something specific that's bugging you, let me know and I can see if I can give you a quick fix. For instance, I noticed your social buttons on the modal popup are spaced apart a lot and can be fixed with the following
.sclogin .pull-left img{
margin-right:0px;
margin-bottom:0px;
}

I altered the "Object type" to "article" but I still only get the default page description when I try to share a article or any advert on my site

It would be easiest for you to give me an exact URL of one of the pages you're having problems on, so that I can check the og tags on that page and try using the Facebook Open Graph Debugger. When I randomly go to some pages, the Open Graph tags look correct, and on other pages some don't. Give me a specific URL and then we can go from there :)

-Melissa
The topic has been locked.
Active Subscriptions:

None
11 years 5 months ago #50200 by Beatsuka

mel wrote:

I altered the "Object type" to "article" but I still only get the default page description when I try to share a article or any advert on my site


It would be easiest for you to give me an exact URL of one of the pages you're having problems on, so that I can check the og tags on that page and try using the Facebook Open Graph Debugger. When I randomly go to some pages, the Open Graph tags look correct, and on other pages some don't. Give me a specific URL and then we can go from there :)

-Melissa


Hello Melissa and happy new year!

I am back to working on this site after a nice holiday vacation and just tested your solutions.. the codes you gave me worked great. it's all nicely set up now with the facebook and twitter icon. thank you :)

regarding the facebook share issue... then I get it wrong on every site I test.
What I want is that when users shares a article or other parts of the website the shared info that show's on facebook contains the logo of the website and short info on that particular article..
eather so that the first part of the articles text comes and the title of the article.. or that it just gives the title of the article and then a standart text if the other is no good.

As it is now I allways get the same text. just the name of the website and the short description of the website.

You can see so if you go to any of the following links (NOTE that you must first go to bilasidan.is/?viktor=1 to activate the site for your ip
bilasidan.is/index.php/upplysingabanki
bilasidan.is/index.php/bilarnir/bilaumbod
bilasidan.is/index.php/bilarnir/bilainnflytjendur
bilasidan.is/index.php/bilarnir/bilasolur
bilasidan.is/index.php/bilabloggid

and basically all sites I test... if I press the share button I just get the standart text as seen in the following screenshot.

if you want I can get you a admin access to the backend of the site. just let me know.

best regards
Hjalti
File Attachment:
The topic has been locked.
Support Specialist
11 years 5 months ago #50201 by mel

NOTE that you must first go to bilasidan.is/?viktor=1 to activate the site for your ip


The above statement is the cause for the problem. Facebook cannot access your site. Until your site goes live and the scraper can get to the real content on the page, the only information it can get from your page are from the following two metatags. There are no og image tags on the page that Facebook can see, unless you visit the page to activate the site, which Facebook has no knowledge of how to do this.
<base href="http://bilasidan.is/" />
<meta name="description" content="Allt um bíla, hvort sem þú ert að kaupa, selja eða sækist eftir upplýsingum. Þá er þetta staðurinn fyrir þig." />

Until it's live, this will remain the behavior, as expected. I wouldn't consider it a problem for now.

-Melissa
The topic has been locked.