Joomla Templates Club 406,261 posts

[Gabriel Sastre Friend Gabriel SastreJoin date: April 2015Posts: 10Downloads:201Uploads:5 Thanks: 4]

#195806

I bought the JA wall just yesterday, would like to put embed twitter code in the joomla or k2 articles and appear directly in the wall, because if i copy/paste the code from twitter under:

<blockquote class=”twitter-tweet” lang=”es”><p><a href=”https://twitter.com/TESOnline”>@TESOnline</a> Will be needing this when <a href=”https://twitter.com/search?q=%23ElderScrollsOnline&src=hash”>#ElderScrollsOnline</a> comes out! <a href=”https://twitter.com/Bethblog”>@Bethblog</a> <a href=”https://twitter.com/search?q=%23mmorpg&src=hash”>#mmorpg</a> <a href=”https://twitter.com/search?q=%23tesonline&src=hash”>#tesonline</a> <a href=”https://twitter.com/search?q=%23ESObeta&src=hash”>#ESObeta</a> <a href=”http://t.co/wHj81km96w”>pic.twitter.com/wHj81km96w</a></p>— Gamerz HQ (@Gamerz_HQ) <a href=”https://twitter.com/Gamerz_HQ/statuses/443660093788139520″>marzo 12, 2014</a></blockquote>
<script async src=”//platform.twitter.com/widgets.js” charset=”utf-8″></script>

I can see the tweet when i click in read more but not in the front wall, with anothers template this work perfect but with JA wall i dont know why not, anyone can help me please?

[Gabriel Sastre Friend Gabriel SastreJoin date: April 2015Posts: 10Downloads:201Uploads:5 Thanks: 4]

#527034

60 views and nobody can help me with this?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#527124

You mean to show the content as in this image?

If so, pls try the following:
– First, set the Default Editor to “Editor – None” in the Global Configuration (back-end)
– Then go to a article and add your code in the content.

Let me know if this helps.

---

Attachments:

1. 
2. 

[Gabriel Sastre Friend Gabriel SastreJoin date: April 2015Posts: 10Downloads:201Uploads:5 Thanks: 4]

#527215

thanks for you answer, i mean like a the second picture.

this one:

Thanks.

---

Attachments:

1. 
2. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#527332

@gabosas,

Please PM me the URL, Admin and FTP credential of your site, I will have a closer look and give you suggestion then.

[Gabriel Sastre Friend Gabriel SastreJoin date: April 2015Posts: 10Downloads:201Uploads:5 Thanks: 4]

#527379

<em>@Nazario A 417121 wrote:</em><blockquote>@gabosas,

Please PM me the URL, Admin and FTP credential of your site, I will have a closer look and give you suggestion then.</blockquote>

you got it in PM thanks.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528016

@ gabosas,

Since this required pretty much customization which took me time to figure it out. You can see I fixed in these two files:
/templates/ja_wall/js/wall.js and /templates/ja_wall/template_tools.php

Here is the result:

Hope this helps.

---

Attachments:

1. 

[Gabriel Sastre Friend Gabriel SastreJoin date: April 2015Posts: 10Downloads:201Uploads:5 Thanks: 4]

#528076

I dindt see the diference sorry, the articles of joomla dont show the embed tweets in the front content only when you click in read more looks good.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528332

@ gabosas,

This error comes from your code. Please remove the <p> tag in your code:

<blockquote class="twitter-tweet" lang="es"><p><a href="https://twitter.com/TESOnline">@TESOnline</a> Will be needing this when <a href="https://twitter.com/search?q=%23ElderScrollsOnline&src=hash">#Elde rScrollsOnline</a> comes out! <a href="https://twitter.com/Bethblog">@Bethblog</a> <a href="https://twitter.com/search?q=%23mmorpg&src=hash">#mmorpg</a> <a href="https://twitter.com/search?q=%23tesonline&src=hash">#tesonline</a> <a href="https://twitter.com/search?q=%23ESObeta&src=hash">#ESObeta</a> <a href="http://t.co/wHj81km96w">pic.twitter.com/wHj81km96w</a></p>— Gamerz HQ (@Gamerz_HQ) <a href="https://twitter.com/Gamerz_HQ/statuses/443660093788139520">marzo 12, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

I tried to change in the “Test 2” article. Now, it’s working.

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. Gabriel Sastre

[Gabriel Sastre Friend Gabriel SastreJoin date: April 2015Posts: 10Downloads:201Uploads:5 Thanks: 4]

#528378

thanks Nazario, I was testing and works without the <p> code but when you put in many articles all go mixed and when you scroll down for load the next articles dont looks good, can you recheck that pls?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528672

@gabosas,

I have just got it fixed in the /templates/ja_wall/js/wall.js file, as highlighted in red:

updateContainerWidth = function () {

//render twitter button
$("body").append($("<script />", {
src: '//platform.twitter.com/widgets.js',
charset: 'utf-8',
type: 'text/javascript'
}));

//
setTimeout(function(){
lastWndWidth = $(window).width();

var cw = $('#base-blank-item').css('width', '').width(), // wrapper width
mw = $container.width(), // wrap width
cols = Math.round(mw / cw), // detect number of columns by it's container
cw_ = Math.floor(mw / cols), // update new width
mw_ = cols * cw_;

$('#base-blank-item').width(cw_);

if ($container.data('basewidth') != cw_) {
$container.data('basewidth', cw_);
updateBrickWidth();
}

// reload layout
reloadMasonry();
}, 2000);
},

Now, your site is working fine.

Hope this helps.

---

Attachments:

1. 

[Author]

Posts