Migrating a Timeline slider from original site, but the the slider doesn't work at all
SOLVE
We are migrating the company website to hubspot, we duplicated eveything and manage to have most of the module setup, however we are stuck in the Timeline module, tried several method even some example online with the same feature but the Timeline slider just doesn't work at all, it just maintains a frozen screen then being able to move left and right. We suspect if it is because of the jQuery, however we still weren't able to find the solution.
Migrating a Timeline slider from original site, but the the slider doesn't work at all
SOLVE
Hi @dennisedson, we have finally managed to solve the issue, it was due to the <div> in the template that is missing and causes the issue. Thank you so much!
On the other hand, we have came across another issue of which we embedd client's Js file from it's external url path, the slider works, but when we copy the whole Js file and create the new Js fileit in HubSpot (store in File or in the CMS Js Folder), the slider shifted in the page and failed to function. Would you please help to take a look what's happening to the script? We have no ideas why this method sometime works on other pages when the file is 100% mirror from the original one, but not for this slider in this case.
Migrating a Timeline slider from original site, but the the slider doesn't work at all
SOLVE
Thank you for your reply @dennisedson .We are confused and not sure what's happening in there and our team has been stuck at this for quite a period of time.. we even set it 100% similar to the client's site but it's still not working as expected.
Looks like you are loading the slick js library (twice actually. might want to remove one), but I don't see where you are invokinig it. Check out this page to see how it works
Migrating a Timeline slider from original site, but the the slider doesn't work at all
SOLVE
Hi @dennisedson, we have finally managed to solve the issue, it was due to the <div> in the template that is missing and causes the issue. Thank you so much!
On the other hand, we have came across another issue of which we embedd client's Js file from it's external url path, the slider works, but when we copy the whole Js file and create the new Js fileit in HubSpot (store in File or in the CMS Js Folder), the slider shifted in the page and failed to function. Would you please help to take a look what's happening to the script? We have no ideas why this method sometime works on other pages when the file is 100% mirror from the original one, but not for this slider in this case.
Comparing the two pages, looks like the one that is not displaying properly is missing content in a div with a class of "trusted". If you add that content, everything shifts back into order. You will either need to make sure you have content there or account for the possibility of not having content there