Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Extraneous text being added within Social Buttons on K2 Item page

Topic-icon Extraneous text being added within Social Buttons on K2 Item page

Active Subscriptions:

None
10 years 4 months ago - 10 years 4 months ago #40033 by joshuacenter
I have an issue where the Social Button's are appending text into the Content Plugin - K2 Like.

I am currently using Joomla 3.2.1 with JFBConnect v.5.2.2

Screen shots are attached.

File Attachment:


File Attachment:


What do I need to do in order to remove this text from showing up in my Social Icon bar?
Last edit: 10 years 4 months ago by joshuacenter.
The topic has been locked.
Support Specialist
10 years 4 months ago #40037 by alzander
Can you post (or Private Message) the URL of a page where this issue is occurring? Once we see it in action, we can be sure of what's happening.

My guess, if you want to test, is that the Pinterest button is incorrectly taking some text from your document. The Pinterest button requires a description and image, and JFBConnect tries to fetch that automatically. It's possible that our reading of your HTML is having problems though, and we can investigate fixing that once we narrow things down.

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

None
10 years 4 months ago #40055 by joshuacenter
Alex... I have sent you a PM.
The topic has been locked.
Active Subscriptions:

None
10 years 4 months ago #40075 by joshuacenter

joshuacenter wrote: Alex... I have sent you a PM.



One common thread I do see is that the use of the "{" or "}" causes the extraneous text to show up.
The topic has been locked.
Support Specialist
10 years 4 months ago #40085 by alzander
Thanks for the links. The issue is definitely the Pinterest button. I'm not sure why it's incorrectly fetching the image and description properly. We're looking into it, but I don't have a good answer right now.

For the time being, I'd recommend disabling the Pinterest button in the JFBConnect -> Social area of JFBConnect. That will remove the button and fix the tag. I hope that's not too bad of a solution for now.

We'll keep you posted on what we find.

Thanks,
Alex
The topic has been locked.
Support Specialist
10 years 4 months ago #40086 by alzander
A last thing... you mention:

One common thread I do see is that the use of the "{" or "}" causes the extraneous text to show up.

I don't see a { or } used in your content area. Are you using that character somewhere? That could be the problem.. but I'm just not seeing that on your page.

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

None
10 years 4 months ago #40089 by joshuacenter
Here is the code that is in the K2 Item Content Page:

The {zhgooglemap:3;15;ROADMAP;650;400} is the part that I was referring to in my code. I have tried other google map plugins that require the "{" and "}", they also cause the issue so it is not the mapping plugin itself that is causing the issue. If i remove this line of code then everything goes back to normal. Once it hits this part of the code JFBConnect Social plugin seems to pull in the next couple of lines after it as text.
<h3>Class Location:</h3>
<p>
    <img style="border: 1px solid black; margin: 5px; float: left;" src="images/content/campus_leawood.jpg" alt="campus leawood" />
</p>
<address>
    <strong>Load of Life Lutheran Church</strong>
    <br />3105 West 135th Street
    <br />Leawood, KS 66224 USA</address>
<div align="center">[b]{zhgooglemap:3;15;ROADMAP;650;400}[/b]
    <p> </p>
    <table class="table table-bordered" style="margin-right: auto; margin-left: auto;">
        <thead>
            <tr>
                <th>[b]CLASSES OFFERED[/b]</th>
                <th>[b]INFORMATION[/b]</th>
                <th>[b]COST[/b]</th>
            </tr>
        </thead>
        <tbody>

Here is the actual source html from the page
<div class="itemBody">
        <!-- Plugins: BeforeDisplayContent -->
        <!-- K2 Plugins: K2BeforeDisplayContent -->
        <!-- Item introtext -->
        <div class="itemIntroText">
            <div style="position: relative; top:0px; left:0px; z-index: 99;" class="scsocialbuttons top standard">
                <div class="jlinkedShare">
                    <script type="IN/Share" data-url="http://dev.joshuacenter.com/leawood-ks"></script>
                </div>
                <div class="sc_twittershare">
                    <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://dev.joshuacenter.com/leawood-ks" data-count="none">Tweet</a>
                </div>
                <div class="sc_gplusone">
                    <g:plusone size="standard" annotation="none" href="http://dev.joshuacenter.com/leawood-ks"></g:plusone>
                </div>
                <div class="sc_pinterest">
                    <a href="//pinterest.com/pin/create/button/?url=http%3A%2F%2Fdev.joshuacenter.com%2Fleawood-ks&media=http%3A%2F%2Fdev.joshuacenter.com%2Fimages%2Fcontent%2Fcampus_leawood.jpg&description=Class%20Location%3A%20Load%20of%20Life%20Lutheran%20Church3105%20West%20135th%20StreetLeawood%2C%20KS%2066224%20USA%20%7Bzhgooglemap%3A3%3B15%3BROADMAP%3B650%3B400" data-pin-config="none" data-pin-do="buttonPin"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>
                </div>[color=#ff0000]CLASSES OFFEREDINFORMATIONCOST Social Skills Pre-K through...}[/color]
                <link rel="stylesheet" href="http://dev.joshuacenter.com/components/com_jfbconnect/assets/jfbconnect.css" type="text/css" />
                <div class="jfbclike">
                    <div class="fb-like" data-href="http://dev.joshuacenter.com/leawood-ks" data-show-faces="false" data-share="true" data-layout="standard" data-width="250" data-action="like" data-colorscheme="light" data-kid-directed-site="false"></div>
                </div>
            </div>
            <div style="clear:left"></div>
            <h3>Class Location:</h3>
            <p>
                <img style="border: 1px solid black; margin: 5px; float: left;" src="/images/content/campus_leawood.jpg" alt="campus leawood" />
            </p>
            <address>
                <strong>Load of Life Lutheran Church</strong>
                <br />3105 West 135th Street
                <br />Leawood, KS 66224 USA</address>
            <div align="center">
                <div id="GMapInfoHeader">
                    <h2>&nbsp;</h2>
                </div>
                <div id="GMapsID_com_k2_item_18_0_3_map" style="margin:0;padding:0;width:650px;height:400px;"></div>
                <div id="GMapsCreditcom_k2_item_18_0_3_map" class="zhgm-credit"></div>
                <div id="GMapsLoadingcom_k2_item_18_0_3_map" style="display: none;">
                    <img class="zhgm-image-loading" src="http://dev.joshuacenter.com/administrator/components/com_zhgooglemap/assets/utils/loading.gif" alt="" />
                </div>
                <div id="GMapsMainRoutePanelcom_k2_item_18_0_3_map">
                    <div id="GMapsMainRoutePanel_Totalcom_k2_item_18_0_3_map"></div>
                </div>
                <div id="GMapsRoutePanelcom_k2_item_18_0_3_map">
                    <div id="GMapsRoutePanel_Descriptioncom_k2_item_18_0_3_map"></div>
                    <div id="GMapsRoutePanel_Totalcom_k2_item_18_0_3_map"></div>
                </div>
                <div id="GMapsPathPanelcom_k2_item_18_0_3_map" onmouseout="clearMarkerElevationcom_k2_item_18_0_3_map(); return false;"></div>
                <p></p>

For now I can work around this as you suggested by removing the Pinterest button from those pages. I look forward to a resolution and will keep checking back with you.

Thanks,
Jack
The topic has been locked.
Support Specialist
10 years 4 months ago #40208 by alzander
Jack,
I'm very sorry for the delayed response. I just realized I missed this message from a week ago, but want to help get you going if you're still having issues.

From what you describe above, it sounds like there's a bit of a conflict between 2 extensions using the {xyz} syntax. The good news is that the next release of JFBConnect should fix that. Most/all of our automatic social features will be inserted directly into the page. We won't be adding the {JFBCLike} tag at one point and then replacing it later. It should make things a lot less complex, faster, and more error proof.

One thing you can test for now is simply re-ordering the plugins that replace those tags. Our JFBCSystem plugin is what scans for the {JFBCLike} (and other) tags and replaces them. I'd try to move that plugin higher up in the ordering, before any others that may use those tags, or even try after the other plugins that do it. The same goes for the JFBCContent plugin which is what inserts those tags in the first place. Try re-ordering it higher or lower to see if it changes the behavior of our tags since it may not 'see' the other tags if they get replaced first, for example.

I hope that helps get you started. Again, I apologize for the delay, and just let me know if there's anything else you need from us.

Thanks!
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Extraneous text being added within Social Buttons on K2 Item page
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS