Joomla Templates Club 406,261 posts

[goustaf Friend goustafJoin date: April 2014Posts: 32Downloads:8Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#206038

Hi,

Like many others users, I have also some issues to get the Facebook and Google+ likeboxes on the frontpage.

Could you please check and give me / us the correct markup ?

Thanks in advance

Goustaf

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#569196

Hi there
Would you mind provide some more detail and clearly about your issue.
Screenshot and reproduce steps would be useful

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#734285

Hi there
Would you mind provide some more detail and clearly about your issue.
Screenshot and reproduce steps would be useful

Thank you,
Viet Vu

[goustaf Friend goustafJoin date: April 2014Posts: 32Downloads:8Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#569200

HI, I already gave the URL of the website + an admin access (ID + pswrd) while posting my first message.
So logicaly, you already have the requested informations.

However, the issue concern the FB and the G+ custom module on the frontpage which doesn’t display how many people like this page (like on the demo).

Regards

Goustaf

[goustaf Friend goustafJoin date: April 2014Posts: 32Downloads:8Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#734289

HI, I already gave the URL of the website + an admin access (ID + pswrd) while posting my first message.
So logicaly, you already have the requested informations.

However, the issue concern the FB and the G+ custom module on the frontpage which doesn’t display how many people like this page (like on the demo).

Regards

Goustaf

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#569241

Hi there
It’s because you have truncated js and html of it.
Please turn off editor to work on this. I have restored with original .

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. goustaf

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#734330

Hi there
It’s because you have truncated js and html of it.
Please turn off editor to work on this. I have restored with original .

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. goustaf

[goustaf Friend goustafJoin date: April 2014Posts: 32Downloads:8Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#569256

Thanks for you support.
The documentation is poor on this point, here is some help for others users of this template.

———

How to setup social sharing modules on homepage ?

Turn off the text editor in your user profil (select CodeMirror, f.ex)

1 – Google +

Create a new custom HTML module
Here is the code to copy/paste in your new module :

<div class=”google-plus”>
<!– Place this tag in your head or just before your close body tag. –>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>

<!– Place this tag where you want the share button to render. –>
<div class=”g-plus” data-action=”share” data-annotation=”bubble” data-height=”24″ data-href=”xxxxxxxxxx”></div>
</div>

replace the xxxxxxx with the URL of your Google+ account

2 – Facebook

Create a new custom HTML module
Here is the code to copy/paste in your new module :

<div class=”facebook-like”>
<iframe src=”//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fxxxxxxxxxxx%2F&width=150&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:150px; height:21px;” allowTransparency=”true”></iframe>
</div>

replace the xxxxxxx with the short URL of your Facebook page like “www.facebook.com/my-page”

Select the position “home-1”
Assign the page where your module should appear
Click on “Save and close”.

[goustaf Friend goustafJoin date: April 2014Posts: 32Downloads:8Uploads:4 Thanks: 9 Thanked: 4 times in 3 posts]

#734345

Thanks for you support.
The documentation is poor on this point, here is some help for others users of this template.

———

How to setup social sharing modules on homepage ?

Turn off the text editor in your user profil (select CodeMirror, f.ex)

1 – Google +

Create a new custom HTML module
Here is the code to copy/paste in your new module :

<div class=”google-plus”>
<!– Place this tag in your head or just before your close body tag. –>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>

<!– Place this tag where you want the share button to render. –>
<div class=”g-plus” data-action=”share” data-annotation=”bubble” data-height=”24″ data-href=”xxxxxxxxxx”></div>
</div>

replace the xxxxxxx with the URL of your Google+ account

2 – Facebook

Create a new custom HTML module
Here is the code to copy/paste in your new module :

<div class=”facebook-like”>
<iframe src=”//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fxxxxxxxxxxx%2F&width=150&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:150px; height:21px;” allowTransparency=”true”></iframe>
</div>

replace the xxxxxxx with the short URL of your Facebook page like “www.facebook.com/my-page”

Select the position “home-1”
Assign the page where your module should appear
Click on “Save and close”.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#569262

Hi there
IMO i always turn off Editor while working with Joomla!
It’ll prevent most of issue because js / html / css be truncated by editor.

Thank you,
Viet Vu

[Author]

Posts