Jribbble.min.js integration help

Design help Custom code
1

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!

2

You need a plan which allows use of custom code.

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

3

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.

4
5

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.

6

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>
7

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!

8

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

9

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