Please Help! Mixitup 3 Pagination not working! No idea why

Design help Custom code
1

Hi all,

I’m new to all of these but I’ve went through several tutorials and forums. I was able to get the plugin&extension to work yesterday but for some reason it doesn’t work today anymore. Didn’t make changes to the page between the time. Tried several things including hosting the plugin on different cloud services but nothing has worked.

Here is the read-only link: [https://preview.webflow.com/preview/curina?utm_medium=preview_link&utm_source=designer&utm_content=curina&preview=c18b0d20b9c62543f9a4e12bd522adf3&pageId=5e1f907e83568e41817116b2&mode=preview]

In my experience through the forum I think @sabanna would be able to pin point the problem? Any help would be greatly appreciated! Thanks in advance.

2

Hi, @Jay1

You defined mixer twice while trying to “activate” multifilter and pagination separately. It doesn’t work that way. Multifilter and pagination (same as animation) are parameters that should be listed under ONE mixer call

Image 2020-01-16 at 6.01.00 PM
Image 2020-01-16 at 6.01.00 PM638×527 46.6 KB

//Activate Multifilter:
var mixer = mixitup(containerEl, {
    multifilter: {
         enable: true                 
    },
   pagination: {
       limit: 18,
   }
});
3

Hi Anna,

Thanks for responding and pointing out what’s wrong with this.

I added the multifilter activation after I found the pagination to be not working. I also updated it just now and the published site’s pagination still doesn’t work. Do you see any other potential problem here by any chance?

Thanks much!

4

It’s hard to tell without seeing published page, sorry.

5

Here is a link to the published page: [https://curina.webflow.io/art-collection-copy]

Would you be able to see what’s wrong? Really appreciate the help.

6

Hi again, @Jay1!
Based on the Error in the Console:

Image 2020-01-17 at 9.54.52 AM
Image 2020-01-17 at 9.54.52 AM896×182 49.8 KB
Image 2020-01-17 at 9.57.24 AM
Image 2020-01-17 at 9.57.24 AM699×270 33.3 KB

The system does not understand the parameter “multifilter”. It is happening because the link to the multifilter js file is not working. Unfortunately, github links like that are not working for that purpose. You need to find some cloud solution.
Same thing with the pagination js file.

7

Could he not copypaste the minified code into the page’s custom code section in a script tag?

8

No. @Jay1 is hosting files on gh and trying to use them to connect script

Image 2020-01-17 at 1.26.02 PM
Image 2020-01-17 at 1.26.02 PM650×518 53.7 KB

9

Thank you so much Anna!

I will try a few things but would you be able to recommend the best solution to host js for linking?
I was able to found some forums but the guides are all from years ago and a few has failed me. :frowning:

Thanks again.

10

Dropbox has been working pretty good for me so far.

Here is an example of how to get a correct link for CSS file. Same principal use for JS

1 Like
11

It works! Thank you so much!

1 Like