Streaming live at 10am (PST)

Jribbble.min.js integration help

Hi there.

The old topic is not open anymore so I am opening this one to see if someone can help me.

I am looking for a way to connect Dribbble with Webflow and the user samliew shown an example with jribbble and I have some doubts about it.

First of all I need an Webflow Host right?

And then how can I upload the jribbble.min.js?

And how did you apply the code in your website?

Thank you very much!

You need a plan which allows use of custom code.

If in doubt you can always view the page source code.

Hi Samliew,

Once again thank you!

I think that I did the right thing, but in the Designer mode it shows this:

Then in the published page I it’s empty, just blank space.

Hey, it’s here.

https://preview.webflow.com/preview/sergiomiguel?preview=ed63d29d12bad1c10e6a3461ee7597eb

I tried 3 different ways and I can’t understand the problem… I’ve checked the client token, I am using your code and the code that they have on the js example and none is working.

Hi, I’ve finally the code working and showing in the page.
The problem know is that is showing random shots.

  <script src="http://cdn.rawgit.com/SFCMiguel/portfolio/master/jribbble.min.js"></script>

  <script>
$.jribbble.setToken('53973bd09d985aafdffefd9c0e8894e364f8d6b575ba9336bd68452d139ffe3c');

$.jribbble.shots('debuts', {
  'per_page': 36,
  'timeframe': 'month',
  'sort': 'views'
}).then(function(res) {
  var html = [];
  res.forEach(function(shot) {
    html.push('<li class="shots--shot">');
    html.push('<a href="' + shot.html_url + '" target="_blank">');
    html.push('<img src="' + shot.images.normal + '">');
    html.push('</a></li>');
  });
  
  $('.shots').html(html.join(''));
});
  </script>

Just to keep you updated. I was finally successful able to put this working.
I now just need to understand how can I customise the list and it’s perfect to go live.

Thank you!

You are missing a user or team filter. See original code.

This topic was automatically closed after 60 days. New replies are no longer allowed.