Inifinity scroll

Question

Im having trouble setting up the code correctly on my site to make the infinity scroll work. My test page is password protected. You can use "virtualhappyhour" to access.

I added the script and html code that was instructed by the support file in the download i received. Please see attachment for a screenshot of that code. I also added this in the body, which im not sure if i need or not but it said i need a "portfolio" container.

&lt;!-- Portfolio Filter
============================================= --&gt;
&lt;ul class="grid-filter" data-container="#portfolio"&gt;
&lt;!-- .grid-filter end --&gt;

</div>

SemiColonWeb · Accepted Answer

Hello,

The Infinity Scroll JS Codes has unformatted Single/Double Quotes. Please make sure that you are using properly formatted quotes before adding to your HTML File as these can cause JS Conflicts. You can find the Line of the errors in your Browser's Developer Console.

Also, there are Mixed Content Error (Browser's Developer Console) on your Page. Make sure that all the http:// Links on your Page is replaced with https://.

We highly recommend you to update to the Latest Version of Canvas as Support is only limited to Included Features but not Bug Fixes and Functionality Enhancements in the Older Versions.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

gnikmada8 · Answer

How do you recommend i upgrade to the latest version? I know i have a fairly old version of Canvas. Do i need to remake my site from scratch?

Semicolon Web · Answer

Hello,

Please check out the Migration Guide: http://docs.semicolonweb.com/docs/upgrading-v5-to-v6/migration/ to update Canvas to v6. Since Canvas 6 is a major update, there are many breaking changes, so yes, it is better to start from scratch.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

gnikmada8 · Answer

ok i fixed the double/single quotes but that didn't seem to fix anything.

The instructions never told me how to set up the "portfolio-infinity-scroll-2.html" here: https://openbarrefitness.com/portfolio-infinity-scroll-2.html. Is there any formatting or anything i need to do to it?

Do i have the script in the right spot?

I plan on updating my site with the latest v6 version, but im hoping i can get this to work as a bandaid for now.

Semicolon Web · Answer

Hello, According to the Codes in the URL you have provided, it appears to be incorrect! 1. Consider checking the Template. The Infinity Scroll items are Elements. Essentially, you only need the Infinity Scroll script on this Page. That's it. The rest of the Item Pages are used just to add items on …