Social Sharing Bar

Post

Posted
Rating:
#7030 (In Topic #1717)

How do we configure the Social Sharing Bar?

I'm not sure if I missed where to configure the Social Sharing Bar or if is a feature that is yet to be added.

I'm trying to streamline the look of my site and I notice that the Social Sharing Bar needs some adjustment, but I have failed to locate any configurable settings. While searching this forum for information I found reference to the BLOCK_MAIN_SCREEN_ACTIONS template. I then went in and tinkered around, and I was able to make some changes that reflected on the site but ultimately I wasn't fuitful in fixing the issue and so reverted the file.
  1. How do we go about customizing the Social Sharing Bar?
     
  2. If there currently isn't a way to customize this without manually tweaking the code, is that something that is being considered for a future release?

In the screenshot below, you can see that I changed "twitter" to a different social site (in this case Twellit) and the changed image is reflected in the SSB. From the user about page, the link to the social site displays and works great however, the link in the SSB still points to twitter. Additionally, I changed Google+ to MeWe at the same time as I changed twitter. However, as seen below the Google+ item is completely absent from the bar.

2021-11-14 16.02.02 tomely.org 180bb82a2cec.jpg

What do you recommend?

Post

Posted
Rating:
#7031
Hi,

You were on the right track editing the template.

I had a quick look at Twellit, and as far as I can tell they don't have a share URL to integrate. I didn't look deeply though as I didn't want to sign up for it, I just scanned over their API docs and Googled.

Regarding the broader issue of adding new networks to the share bar…

The code is a little overcomplicated because it's split across the template and also the screen_actions CSS file, it's been reworked for v11 already.
However, you can add stuff more simply than the existing code indicates. Here's a stripped down example of adding a link for a made up social network:

Code

<a title="SomeExampleNetwork" href="https://www.examplenetwork/shareurl?{EASY_SELF_URL*}" ><img height="20" src="{$IMG*,icons/24x24/links/twitter}" /></a>
The share URL (https://www.examplenetwork/shareurl?... isn't real, I made it up for the example.
I used the Twitter icon (icons/24x24/links/twitter), but you can add your own new theme image and reference it.

It's unlikely we'd add an interface in the future specifically for adding networks, because:
  1. there are so many hundreds of parts of Composr someone might want to customise, a webmaster needing to get familiar with template editing is unavoidable.
  2. there are so many social networks, we'd still need the user to understand how to locate the share URLs and configure them, which would still be too confusing for many of the users we'd be trying to help; we could supply integrations for a reduced set, but that wouldn't have helped you here as before today I had not even heard of Twellit, so chances are would not have heard of many others users would want to integrate

Post

Posted
Rating:
#7032
Thank you very much for the information and the example code. It will come in handy.

I tried looking for a Composr release roadmap, but didn't find it. I am eagerly awaiting for v11 to be completed. Is there a general ETA for it to be released?

Post

Posted
Rating:
#7033
I'm afraid we don't release ETAs or proper roadmaps. There is tagging on the tracker though that gives a fairly good indication for what is left to be done.
Composr releases are (basically) a combination of what organisations choose to sponsor (i.e. outside the development teams direct control), and what identified-as-necessary-work developers are able to fit in between their primary paid commitments. So unfortunately it's just not feasible to manage it like a normal corporate software project.
0 guests and 0 members have recently viewed this.