Adding social share icons

equilibriumx

Can I add social share Icons manually? like flipboard?
here is the code they gave me. How can I align and resize the social icons?

Ninja

equilibriumx
Hi
can you share the Page on which the buttons are showing on your site and a screenshot how you want them?
So i can check the possible options for it.

equilibriumx

Hello @Ninja As you can see they are at the bottom as the template (articles) has assign that position. I would like to add this buttom at the right, just after Pinterest
ALSO, note that the template has an issue, cause the actual social media icons are not evenly separated or in the same line... Let me know how to fix it. Thanks
Eventually, I would like to add more social buttoms to increase shares..

Ninja

equilibriumx Hi
There is no position to publish module its custom icons defined in article layout files , you can make check that for your customizations file "/html/com_content/article/default.php" in template "gk_msocial".
About the current social button they are using the style from own platforms, i will share the feedback to development team on this to make style fixes in new updates of template.

Regards

equilibriumx

Mate, you didnt solve anything nor said how to solve the 2 request I made.
1) Can I add the buttom yes or no, and how?
2) how can I fix the issue with the actual icons that are un aligned?

Cheers

Ninja

equilibriumx

1) Can I add the buttom yes or no, and how?

you can make check that for your customizations file "/html/com_content/article/default.php" in template "gk_msocial". Its custom work need debug and test with new style code and style.

2) how can I fix the issue with the actual icons that are un aligned?

Please check i submitted the request to development team already on this and share with you above, so it can be fixed in new updates.

equilibriumx

1) I dont know how to do it, that is this ticket about to SHOW ME HOW
2) I have requested few things in the past like the issues with the libraries the template has, and when you submit this to your development team.. nothing happens.... when was the last update for the template? 3 years ago?

Please can you put @saguaros in this case. He has been always very helpful and full of knowledge

Cheers

saguaros

equilibriumx 1) I dont know how to do it, that is this ticket about to SHOW ME HOW

I updated the file: /templates/gk_msocial/html/com_content/article/default.php

with the code you shared for flipboard but to be honest, I don't know if your shared code works or not as I can see it add the URL and image from flipboard only. I just helped to add the icon only.

equilibriumx

Hello. I just tested it. Is working fine. You need to have a flipboard account.
My only issue is now organizing those icons cause the are scattered. Can we do it? Leaving a fair and similar space between then and in the line (height)

Ninja

equilibriumx
Hi
For the social icons, its issue in the template as the icons loads the style from their own platforms . For that a ticket is submitted, We will update you once its fixed and released.

equilibriumx

May I know what happened with the Facebook Icon now? It just dissapeared!

equilibriumx

@saguaros hello mate, Something happened with the Facebook button... it disappeared from the template.. Can you find out?

saguaros

Hi equilibriumx

Pankaj can help you to follow issues in this topic

Ninja

equilibriumx hello mate, Something happened with the Facebook button... it disappeared from the template.. Can you find out?

Hi
Sorry i have not replied since you asked me to move from this topic asked another team meber to follow.
I was not aware that team member not want to conti help on this topic.

About the button i was not sure what you have changed on site, i applied some settings to show button on template style and its showing now
http://prntscr.com/sam42c
http://prntscr.com/sam2en

equilibriumx

@saguaros or @Ninja #121344 I have no issues of whom can solve it... I usually ask @saguaros cause he has proven to be pretty good and accurate. If you can identify WHY the Facebook icon dissapeared from my template, I will appreciate it.

equilibriumx

I receive from hexometer.com this report which I think is associated with the present issue
The “itemprop” attribute was specified, but the element is not a property of any item. error nodate"> <span itemprop="articleBody"> <h1 s 25728 16
The “itemprop” attribute was specified, but the element is not a property of any item. error metest" > <meta itemprop="inLanguage" content="es-ES" /> <head 25617 16
Stray end tag “gavern:social”. error l> </div> </gavern:social> <div 33136 16
Unclosed element “gavern:social”. error cript --> <gavern:social> </div 33113 16
End tag “div” seen, but there were open elements. error n:social> </div> </gav 33129 16
Element “gavern:social” not allowed as child of element “div” in this context. (Suppressing further errors from this subtree.) error cript --> <gavern:social> </div 33113 16
Element “gavern:social” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) error v> </div> <gavern:social> <div 32985 16
Unclosed element “gavern:social”. error n:social> <gavern:social></div> 31493 16
End tag “div” seen, but there were open elements. error rn:social></div></gave 31508 16
Stray end tag “gavern:social”. error ocialAPI"></gavern:social> <gave 29824 16
Element “gavern:social” not allowed as child of element “article” in this context. (Suppressing further errors from this subtree.) error n> </div> <gavern:social><div i 29787 16
Element “div” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error rm></div> <div class="clear"> </div 29718 16
Element “div” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error <p> </p> <div id="mc_embed_signup"><form 26508 16
Element “p” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error Form --> <p> </p> 26499 16
Element “h3” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error pan></h3> <h3 style="text-align: center;"><span 26295 16
Element “h3” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error span></p> <h3 style="text-align: center;"><span 26127 16
Element “p” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error pan></h2> <p><span 26082 16
Element “h2” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error pan></h1> <h2 style="text-align: center;"><span 25877 16
Element “h1” not allowed as child of element “span” in this context. (Suppressing further errors from this subtree.) error cleBody"> <h1 style="text-align: center;"><span 25758 16
Element “img” is missing required attribute “src”. error nk nturl"><img data-gt-lazy-src="/modules/mod_gtranslate/tmpl/lang/24/it.png" height="24" width="24" alt="it" /> <span 4775 16
Element “img” is missing required attribute “src”. error nk nturl"><img data-gt-lazy-src="/modules/mod_gtranslate/tmpl/lang/24/de.png" height="24" width="24" alt="de" /> <span 4545 16
Element “img” is missing required attribute “src”. error nk nturl"><img data-gt-lazy-src="/modules/mod_gtranslate/tmpl/lang/24/fr.png" height="24" width="24" alt="fr" /> <span 4316 16
Element “img” is missing required attribute “src”. error nk nturl"><img data-gt-lazy-src="/modules/mod_gtranslate/tmpl/lang/24/en.png" height="24" width="24" alt="en" /> <span 4086 16
Element “img” is missing required attribute “src”. error selected"><img data-gt-lazy-src="/modules/mod_gtranslate/tmpl/lang/24/es.png" height="24" width="24" alt="es" /> <span 3855 16
CSS: “perspective”: only “0” can be a “unit”. You must put a unit after your number. error rspective:1200;posit 22377 1
CSS: “speak”: “none” is not a “speak” value. error ock;speak:none}[clas 19826 1
A document must not include both a “meta” element with an “http-equiv” attribute whose value is “content-type”, and a “meta” element with a “charset” attribute. error .com/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta 389 1
The “type” attribute is unnecessary for JavaScript resources. warning </script> <script type="application/javascript" src="https://1231501594.rsc.cdn77.org/media/plg_jchoptimize/cache/js/66b2574df70748af337e8c65a8743084.js" defer ></scri 1 23
The “type” attribute is unnecessary for JavaScript resources. warning </script> <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></scri 1 22
The “type” attribute is unnecessary for JavaScript resources. warning </script> <script type="application/javascript" src="https://1231501594.rsc.cdn77.org/media/plg_jchoptimize/cache/js/4f0543fa58d47743d4c43a1418c7dfd4.js"></scri 1 21
The “type” attribute is unnecessary for JavaScript resources. warning </script> <script type="application/javascript" src="https://1231501594.rsc.cdn77.org/media/plg_jchoptimize/cache/js/6e2901167d1f8596dae5cdb320b06b10.js"></scri 1 19
The “type” attribute is unnecessary for JavaScript resources. warning y"></div> <script type="application/javascript" src="https://1231501594.rsc.cdn77.org/media/plg_jchoptimize/cache/js/47632cacb6ca649e38cbc80782f0015c.js"></scri 1 17
Element name “gavern:social” cannot be represented as XML 1.0. warning cript --> <gavern:social> </div 33113 16
Element name “gavern:social” cannot be represented as XML 1.0. warning v> </div> <gavern:social> <div 32985 16
Section lacks heading. Consider using “h2”-“h6” elements to add identifying headings to all sections. warning "gkPage"> <section id="gkContent"> <div 25533 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social></div> 31493 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social> <a da 31068 16
The “border” attribute is obsolete. Consider specifying “img { border: 0; }” in CSS instead. warning <noscript><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" alt="PinExt" /></nosc 30943 16
The “border” attribute is obsolete. Consider specifying “img { border: 0; }” in CSS instead. warning ="PinExt"><img border="0" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="//assets.pinterest.com/images/PinExt.png" class="jch-lazyload" title="Pin It" alt="PinExt" /><noscr 30729 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social><a hre 30420 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social><a hre 30201 16
Element name “fb:like” cannot be represented as XML 1.0. warning rn:social><fb:like href="https://www.equilibriumx.com/" gk_fb_like_settings></fb:l 30108 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social><fb:li 30093 16
Element name “g:plus” cannot be represented as XML 1.0. warning rn:social><g:plus action="share" gk_google_plus_share_settings href="https://www.equilibriumx.com/"></g:pl 29977 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social><g:plu 29962 16
Element name “g:plusone” cannot be represented as XML 1.0. warning rn:social><g:plusone gk_google_plus_settings data-href="https://www.equilibriumx.com/"></g:pl 29856 16
Element name “gavern:social” cannot be represented as XML 1.0. warning n:social> <gavern:social><g:plu 29841 16
Element name “gavern:social” cannot be

equilibriumx

I have not touched it. You were the ones adding the flipboard icon, I don't know where to do it, that's why I asked for saguaros. The issue remains on my side, even though I have cleared the cache in 2 different browsers in private mode. There is an error message regarding the template. Please ask @saguaros

Ninja

equilibriumx
Hi
Kindly Recheck, i disabled the JCH module as its storing and compressing the page heavily, you can enable it later.
the button is showing my side : http://prntscr.com/samsa4

equilibriumx

What's the name of the script to create an exclusion?

Ninja

equilibriumx

What's the name of the script to create an exclusion?

I am not sure what your question about? Please open a new thread if this topic is for the social share customization and that i added already, about the custom script, i have not added anything on your site, i only set the button to count in template style and clear Disable JCH plugin and cleared Joomla cache.