Topic-icon Template Override with Like Custom Tag

Active Subscriptions:

None
13 years 5 months ago #28737 by thomaszgz
I am using in a customer site ( www.frutasyverduras.info ) your component. The site is based on a framework from GavickPro that has his own template override.
I am trying instead of using your social like content plugin to insert it in the article.php to display the like button in the icon bar ( with print, email, hits, etc.) to save vertical space.
I have added this lines in the code:

( I attach an image because this editor is deleting the code I am copy / pasting )
File Attachment:



but nothing its show.
Maybe its not possible to do that ? Must I use thee JHtml with echo ( I don´t know how anyway) The echo commads works ok if I do an echo "Hello World". Am I doing something wrong ?

Thanks for your time
The topic has been locked.
Support Specialist
13 years 5 months ago #28743 by alzander
You don't need to put it in PHP echo statements. That should work, just a little extra unnecessary code.

Try the following:
<li class="hits">
   TEST{JFBCLike layout=button_count show_send_button=false}TEST
</li>
<li>BLAH BLAH</li>
Then, see if the TEST TEST and/or BLAH BLAH show. If the Like button doesn't show, but that text does, then it's an indicator of something strange going on. If nothing shows, then the template override may not be working at all, and you'll need to know where the code should really be edited. If the Like button magically appears, obviously deleted the extra stuff I added.

Finally, always make sure you're cleaning your Joomla cache after every change and try to disable any 'optimization' plugins you may have enabled.

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 5 months ago #28757 by thomaszgz
Hello Alex. First of all thank for your very quick answer.

Definitely I have no too much luck.

The text was displayed corectly but the like button doesn´t show.

The li is there as I can see it with the firebug ( I attach images ).

File Attachment:


File Attachment:


I don´t have javascript compressión neither chrome frame support. There a few .js loaded ( phoca gallery, google fonts, ...). I attach an html ouput of the view page source code.

Zip File

Any idea ?

Its something important for me because I always use this framework from Gavik with their template override and more or less the same js plugins.
The topic has been locked.
Active Subscriptions:

None
13 years 5 months ago #28759 by thomaszgz
I think I got it. So don´t get crazy with this. It was working correctly your way. I will post in an hour ( when I will be 100% sure ) the problem and solution for other users.
The topic has been locked.
Support Specialist
13 years 5 months ago #28768 by alzander
Glad to hear you made some progress. If you still run into issues, just let us know and we'll help how we can.

Best of luck,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 5 months ago #28782 by thomaszgz
Hi again.
The thing almost works...
I have still two problems.
    A vertical align trouble. Sure it must be css but I can´t find it with firebug. I am using the class scsocialbuttons and don´t see any in jfbconnect.css too
    A strange trouble with Like tag. It show in blog but not in articles. Other tags work ok in both. The tag is in the same position of the php file.

I attach the two files ( default.php for article view and blog_item.php for category view ). Look in 167 line in default.php and line 103 in blog_item.php
zip files

Thanks again for your good support and time.

Thomas
The topic has been locked.
Support Specialist
13 years 5 months ago #28834 by alzander
Thomas,
Having the raw PHP files isn't very helpful for finding CSS problems, since it's the whole site that matters (template, other extensions, etc). All of those things can affect the output display.

Can you instead post a URL of a page with the issue and describe what you're seeing and how you want it to look? Once we can see the problem on the site, it's usually pretty easy to provide some CSS changes to do what you're looking for.. whatever that is :)

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

None
13 years 5 months ago #28851 by thomaszgz
Hello. The site is www.frutasyverduras.info
The frontpage has a custom module with tags and I have aligned ok with div's ( auto left and right margins, center align text, ...)
In the article header icon toolbar I have inserted the tags but I can´t align it vertically.

And when you click on an article ( www.frutasyverduras.info/noticias/proxim...mer-tema-de-adelanto ) for example it only shows the twitter button. I attach screen captures too.

zip file
The topic has been locked.
Support Specialist
13 years 5 months ago #28858 by alzander
The Like button isn't showing on the article pages because you've configured the Open Graph Object type for those pages incorrectly. Right now, your type for that page is blank. Try changing that to "article" and check the "Built-in FB Object". That will hopefully get the Like button to display.

For the vertical alignment, I see the issue and have a few options for you. I think you're trying to move the Twitter button down. In that case, try adding the following to your override.css file:
article header li .sc_twittershare {margin: 3px 0 0 0 !important;}
Hope that helps, but if not, let us know.

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

None
13 years 5 months ago #28869 by thomaszgz
Fine... It worked perfectly. Lots of thanks, Alex.
One last question... Where can I find the css selectors like the one you have used (sc_twitershare ) ? I didn´t find in the docs.

Thanks again for your excelent support and your time
The topic has been locked.