Addthis Plugin not Working as per expectation

Software Support
1

Hi. We are using OJS 3.3.0.17 (PHP version 8.2.18). We have installed the Addthis plugin. However, the social media icons are not appearing on the sidebar.
Also, when we click on the settings button of the plugin, a pop-up window opens with two tabs - 1. Settings, 2. Statistics. However, the Settings tab is completely empty. Is it normal?

Any suggestion on how to make this work?

2

Hello @asifcsedu !

AddThis plugin is no longer working. There are options to replace it and get the same funcionality

3

Thanks @hilongo . You said there are options to replace it. Can you suggest some options?
Thanks.

4

Hi there @asifcsedu

We use the Shariff plugin, that is available in 3.3+ plugin galleries

5

Thanks @hilongo . I have installed Sharrif and have configured it to show specific Social Media icons. I have placed it on the sidebar in horizontal orientation. Problem is, the logo icons are not displayed, though the functionalities are ok. Can you suggest what I might be missing here?
Thanks.

Capture
Capture883Ă—631 53.3 KB

6

@asifcsedu … I’m not sure what could be the cause of that.

if you use the sidebar position please make sure you also enabled the Shariff block plugin under “Appearance → Settings → Sidebar”.

Maybe @ronste1 can help here.

7

Hi,

the block plugin is enabled, otherwise the buttons wouldn’t show at all.

From the screenshot it looks like a font or css issue. You seem to use the manuscript theme with additional journal css. Do you modify shariff css classes?

Could you provide a link to the actual web page?

8

HI @ronste1 .

Yes, you are right, I am using additional journal css for justifying the abstracts and resolving a known issue of Wordpress regarding showring image icons. The css is as follows:

obj_article_details .abstract,
.obj_article_details .item > :last-child {
text-align: justify;
}

.sharethis-inline-follow-buttons img{
opacity: 1 !important;
}

Address of the live site is: https://journals.du.ac.bd/index.php/dujs/

Thanks.

9

Hi @asifcsedu ,

it is a compatibility issue with additional css that is loaded for your installation. Its summarized in the screeshot:

Screenshot 2024-07-05 092956
Screenshot 2024-07-05 0929561777Ă—816 75.4 KB

From the file style.css (your universities default css as I see it) a class definition is loaded for “li a span”. If I disable the float and margin statements the buttons show as expected.

You should be able to overwrite this class definition by adding something like:

.share_text,
.fab fa-facebook-f {
  float: none;
  margin: 0px;
}

to your journal stylesheet.

Best wishes from Berlin

1 Like
10

Dear @ronste1 .

Thanks a lot. Actually, one of the css that I included for the footer was responsible for the issue. Your proposed solution helped me identify it. I have changed the css.

It is working perfectly now.

Thanks a lot.

1 Like