Responsive Social Sharing Buttons 1.5.7

[SimonV]

SimonV submitted a new resource:

Ridiculously Responsive Social Sharing Buttons - Adds Responsive Social Share Buttons to Threads

This add-on adds responsive social sharing buttons to threads on your forums. Originally posted here by @Varma I converted it into an easier to install and setup add-on.

The JavaScript used by this add-on is called Ridiculously Responsive Social Sharing Buttons and was made available from...

Read more about this resource...

 

[markku]

Thanks for the great add-on.

I manually changed the location of the buttons, was easy, just took the code from the template modification, disabled the template modification, applied it manually to thread_view...

I didn't like the top placement; too distracting. And the bottom placement was too inconspicuous.

I feel this is a good compromise:

 

[SimonV]

I like the lower position you have there also, maybe when I have more time I will look at some position options for different placements. I just went with basic ones for a start.

 

[Allan]

Good idea

 

[Rho Delta]

Looking forward to seeing this developed further.

 

[Echelon]

this is the ****!! ;-)

 

[Echelon]

can you add the buffer button please?

 

[SimonV]

this is the ****!! ;-)

Is that a positive comment?

can you add the buffer button please?

If buffer is a highly requested sharing method then sure, I can look into it for a future release.

It would be fairly simple to add further shares manually to the template and css, you just wouldn't have a toggle option in the APC. The most difficult part for some might be getting the SVG code, if I have time I will put it together so you can manually add it to your site.

 

[Andy.N]

How is the performance of this code compared to the stock? http requests, file size?

 

[BassMan]

Great add-on. Loads with page. No cookies installed when only viewing a page. Maybe I'll start to use social buttons (I don't use the core one now).

Just a suggestion:

- make buttons a bit smaller - regarding height (maybe an option in style properties)

- this could be phrased: I thought you might like this (when clicking on Email button)

 

[Andy.N]

Is it possible to show share counts?

 

[BassMan]

When viewing on mobile it looks like this:

 

[SimonV]

How is the performance of this code compared to the stock? http requests, file size?

I have no idea, you would need to perform your own performance testing if its an important factor. There are not external calls and the icons are SVG so I would guess minimal.

Is it possible to show share counts?

No, these are basic share buttons.

Great add-on. Loads with page. No cookies installed when only viewing a page. Maybe I'll start to use social buttons (I don't use the core one now).

Just a suggestion:

- make buttons a bit smaller - regarding height (maybe an option in style properties)

- this could be phrased: I thought you might like this (when clicking on Email button)

You can customise the buttons in the CSS template SV_rrssbDefault.css
Great suggestion on the Phrase, I will add to the next release.

 

[BassMan]

You can customise the buttons in the CSS template SV_rrssbDefault.css

I know, just easier in sp. But no problem.

Great suggestion on the Phrase, I will add to the next release.

Thank you.

 

[SimonV]

When viewing on mobile it looks like this:

View attachment 95084

There seems to be an anomoly in the footer shares as the top ones are fine, I will look at fixing for the next release.

I'm also currently adding some responsive CSS options so you can set 100% for mobiles but have a narrower for desktops.

 

[Andy.N]

Look forward to the next version.

 

[Echelon]

Is that a positive comment?



If buffer is a highly requested sharing method then sure, I can look into it for a future release.

It would be fairly simple to add further shares manually to the template and css, you just wouldn't have a toggle option in the APC. The most difficult part for some might be getting the SVG code, if I have time I will put it together so you can manually add it to your site.

Absolutely positive...i run 2 sociamediaplatforms so this is a top solution. Buffer would be incredible useful for me

 

[SimonV]

When viewing on mobile it looks like this:

View attachment 95084

There seems to be an issue with the js that I dont have the time to look into at the moment, it appears there is some anomaly causing an issue with the resizing. I reverted the code back to its original for testing and the issue still exists at certain screen sizes yet if I include more than one instance only the final instance has the issue (view this on a mobile or with chrome emulation and you will see): http://www.certforums.com/pages/rrssb/

I have contacted the original creators to see if they can help as Im going to be too busy until next week to make any more progress.

-------------------------

@Echelon if you feel like helping me out with testing the code for buffer give this code a try and let me know if its OK. I don't use buffer so I don't know if it processing it correctly:

add this to template: SV_rrssbShares in your desired location.

        <!-- START buffer button -->
            <li class="rrssb-buffer">
                <a href="http://bufferapp.com/add?&amp;text={$thread.title}&amp;url={$url}" class="popup">
                    <span class="rrssb-icon">
                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
                         width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
                         preserveAspectRatio="xMidYMid meet">
                        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                        fill="#000000" stroke="none">
                        <path d="M2465 5101 c-31 -8 -311 -137 -890 -409 -181 -85 -382 -178 -445
                        -207 -63 -29 -272 -127 -465 -217 -192 -90 -394 -184 -449 -209 -54 -24 -109
                        -54 -122 -66 -30 -28 -31 -68 -1 -94 12 -11 180 -93 372 -183 315 -147 1521
                        -709 1835 -856 146 -69 184 -80 265 -80 81 0 119 11 265 80 314 147 1520 709
                        1835 856 193 90 360 172 373 183 29 26 28 66 -2 94 -13 12 -68 42 -122 66 -55
                        25 -256 119 -449 209 -192 90 -402 188 -465 217 -63 29 -263 122 -445 207
                        -181 86 -454 213 -605 283 l-275 128 -90 3 c-49 2 -103 0 -120 -5z"/>
                        <path d="M625 2860 c-53 -11 -524 -235 -541 -257 -17 -23 -17 -53 0 -76 13
                        -17 267 -139 881 -425 297 -138 944 -440 1285 -600 l205 -97 110 0 110 0 205
                        97 c343 161 989 462 1295 605 920 428 901 417 879 481 -8 23 -46 44 -267 149
                        -220 103 -268 123 -325 129 -130 14 -29 56 -1483 -624 -140 -65 -273 -125
                        -295 -133 -50 -17 -188 -17 -238 0 -22 8 -155 68 -295 133 -1072 501 -1307
                        609 -1344 618 -49 11 -126 11 -182 0z"/>
                        <path d="M631 1479 c-52 -10 -506 -219 -538 -248 -30 -26 -29 -66 1 -94 13
                        -12 68 -42 122 -66 55 -25 257 -119 449 -209 193 -90 402 -188 465 -217 63
                        -29 264 -122 445 -207 182 -86 454 -213 605 -284 l275 -128 110 0 110 0 275
                        128 c151 71 424 198 605 284 182 85 382 178 445 207 63 29 273 127 465 217
                        193 90 394 184 449 209 54 24 109 54 122 66 30 28 31 68 2 94 -43 38 -490 239
                        -557 250 -131 23 -129 24 -891 -333 -135 -64 -398 -187 -585 -274 l-340 -159
                        -100 0 -100 0 -340 159 c-187 87 -450 210 -585 274 -773 362 -765 359 -909
                        331z"/>
                        </g>
                        </svg>
                    </span>
                    <span class="rrssb-text">buffer</span>
                </a>
            </li>
        <!-- END buffer button -->

add this to template: SV_rrssbDefault.css at the top of bottom is fine.

.rrssb-buttons li.rrssb-buffer a {
    background-color: #323b43;
}
.rrssb-buttons li.rrssb-buffer a:hover {
    background-color: #252E36;
}

 

[BassMan]

I have contacted the original creators to see if they can help as Im going to be too busy until next week to make any more progress.

Ok, thank you for your time. Looking forward for new information.

 

[BassMan]

There seems to be an anomoly in the footer shares as the top ones are fine, I will look at fixing for the next release.

Actually the top one shows right only if the bottom one is enabled. If I use only top one (or only bottom), it shows the same as I've posted above.