RocketTheme - TOPIC: [SOLVED] Add Share buttons to Roksprocket Features.

Welcome Guest! Login

0 items Join Now

- gavin3
- Newbie
- Posts: 19
- Thanks: 0
SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- Can anyone offer any suggestions as to how to add Share Buttons like Facebook, twitter, and digg to a Roksprocket features module. I would like the share buttons to be inline with the Read More link for each feature. That way the user can just click the share button and it will take them to where they can share the featured article on their favorite social network site.
  
  Thanks in advance for any help you can offer.
- Last Edit: 11 years 11 months ago by gavin3.
#970485
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- It would help to know what template your using?
#970788
- gavin3
- Newbie
- Posts: 19
- Thanks: 0
Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- Thank you for your response. I am using Voxel responsive.
  
  Thanks
#970838

DanG
Preeminent Rocketeer
Posts: 36750
Thanks: 3229
Custom work done

Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago

gavin3 wrote:

Thank you for your response. I am using Voxel responsive.

Thanks

We're going to use Voxel's own set of Social Icons. The only complication that may arise is in Template Manager you have this feature enabled then will be calling the same <div> twice on the same page which is a no-no for validation.

So in your RokSprocket module parameters make sure you have Features Layout Options -> Strip HTML Tags -> NO set as shown.

Then in your RokSprocket, for each items DESCRIPTION field enter your text like this:

 
Your Filtered Article List - Description text is here.
<div class="rt-social-buttons rspf-social-buttons">
    <a class="social-button rt-facebook-btn" href="https://twitter.com/#!/rockettheme">
                <span></span>
            </a>
    <a class="social-button rt-twitter-btn" href="http://www.facebook.com/RocketTheme">
                <span></span>
            </a>
    <a class="social-button rt-buzz-btn" href="https://plus.google.com/114430407008695950828/posts">
                <span></span>
            </a>
    <a class="social-button rt-rss-btn" href="http://www.rockettheme.com/blog?format=feed&amp;type=rss">
                <span></span>
            </a>
</div>

Lastly, in your custom.css or the template.css file add this:

 
.rspf-social-buttons {
position: relative;
top: 40px;
left: 100px;
}

Adjust values to suit.

#970859

- gavin3
- Newbie
- Posts: 19
- Thanks: 0
Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- Awesome,
  
  That works great! Now one more question really quick,
  
  Is there a place that I can add that code where I would only need to do it once and it would show up on all featured items?
  
  Thanks again
#971059
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- gavin3 wrote:
  That works great! Now one more question really quick,
  Umm...confused - do you mean you wrote the question very hastily or am I supposed to speed read it :cheesy:gavin3 wrote:
  Is there a place that I can add that code where I would only need to do it once and it would show up on all featured items?
  Kind of - being that it's HTML you would have to put it in the articles php to get generated.
  Hmm...actually there is a way - you would create a RokCandy macro for the code and then when editing articles use the RokCandy button to enter the code you created
#971157
- gavin3
- Newbie
- Posts: 19
- Thanks: 0
Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- DanG wrote:
  Umm...confused - do you mean you wrote the question very hastily or am I supposed to speed read it?
  
  HAHA! Speed read please! HAHAHA Thanks Dan for your response. That helped immensely!
#971243
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
Re: SOLVED Add Share buttons to Roksprocket Features.

Posted 11 years 11 months ago
- gavin3 wrote:
  DanG wrote:
  Umm...confused - do you mean you wrote the question very hastily or am I supposed to speed read it?
  
  HAHA! Speed read please! HAHAHA Thanks Dan for your response. That helped immensely!
  No prob...
  Please check my signature and click the BUTTON beside "Marking your threads as Solved".
  Thanks.
#971321

Time to create page: 0.066 seconds