Social sharing icons in article view

ankris

How can I disable the floating social sharing icons I see in article view?

Ninja

ankris
Hi
Buttons are from AddThis, its hard coded, you can open JA Aiga template style options > custom code
and remove this script : http://prntscr.com/n9df3u

<!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58a27ef72c87e4f9"></script>

save and check.

Regards

ankris

Ninja
I don't really understand why it isn't shown on all articles if it's inserted before every body tag.

ankris

I understand.
Is it possible to add the icons on the models pages?

Ninja

ankris
Hi
Please tell me which layout for model page you are using and a screenshot where you want to show them. so i can check this request.

Regards

ankris

Ninja

Something like this would be nice. If this is possible I will leave the icons in on all articles.

ps.: Is it also possible to change the pagination text on models pages? As you can see, I use the template for something other than models.

Ninja

ankris
Hi
Before body is only script that will allow the share buttons to show, in articles its different code.
I will check the possible options and get back to you,

Regards

Ninja

Ninja
Hi
I have not found the view you sent, seems its your own content.
For the social button here is code you can use

<div class="sharing-tool-wrap">
			<div class="sharing-tool">
				<div class="addthis_inline_share_toolbox_lewx"></div>
			</div>
		</div>

Here is file path for modal articles : html/com_content/article/
In some layout its already present example : /html/com_content/article/article-cover-simple.php

ankris

No the view I attached is photoshopped. It's what i would like to do.
Where do I put your code?

ankris

It is not working in model-split.php
No addthis icons showing.

Ninja

ankris
Hi
The code is not styled for the model pages, it needs to customized.
When you added the code in modal php file kindly use inspect element to see the code.
Now you have to define the new style code to adjust it where you want to show via custom.css file.
Example :
Add code here : http://prntscr.com/nc05ik
add this code in custom.css file first to show the code on modal pages

.no-sidebar .item-page.landing-page .sharing-tool-wrap, .no-sidebar .item-page.view-model .sharing-tool-wrap {
    display: block!important;
}

Now you need to define new style based on your needs, where you want to place it
Example code

.item-page.view-model .sharing-tool.affix {
    top: 30px;
    position: absolute;
}

.item-page.view-model .sharing-tool {
    position: absolute;
    margin-left: 12px;

}

Output : http://prntscr.com/nc05et