Hey Aviv.
Thanks for your reply. I actually found an alternative solution natively within Webflow.
Kind Regards,
Alec
Hey Aviv.
Thanks for your reply. I actually found an alternative solution natively within Webflow.
Kind Regards,
Alec
Hey Alec,
How did you fix it? I am having the same issue
Thank you so much Alec!
No worries! I hope it works for you.
Did anyone find a solution to the loading wheelā¦? Only seems to happen on Chrome at the moment. Hereās the read only link: Webflow - change-makers
Running into the same problem on Firefox, didnāt find a fix yet !
Hey friends,
I found a fix that works for me. Turns out that in the bx-wrapper class there is no width set for the wrapper itself, so I added āwidth: 100%;ā
Here is the updated code :
<style>
.bx-viewport, .bx-wrapper {
background: none;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
max-width: none !important;
width: 100%;
}
.bx-viewport {
padding: 20px 0 40px 0;
}
</style>
Hope that helps
Hey @avivtech! Great tutorial, thanks for sharing Iām trying to implement this logic to a CMS collection list, but I had no luck
I feel like Iām almost there though.
The scrolling works, but somehow the images are duplicated and overlapped, and the scrolling goes up to some point and comes back to the beginning abruptely.
Hereās my readonly: https://preview.webflow.com/preview/alaskas-blank-site-b408a3?utm_medium=preview_link&utm_source=designer&utm_content=alaskas-blank-site-b408a3&preview=ebb729f9e758aac2b25336674a41895e&mode=preview
Thanks!
Isabela
Hey @avivtech thank you so much for putting out such an awesome cloneable! Iām really excited to implement it into my current project.
So:
The duplication is the actual ticker, so it will be smooth.
I believe it displays wrong because of the properties you gave to the .carousel
div in Webflow .
Try removing all properties from this div.
Hey!
I had no luck i removed all the properies and itās still displaying it wrong. Aside from the images being overlapped and the abrupt movement at the end, it takes to long to start as well
Any guesses of what is doing that?
Ok, because the content is Dynamic, you have a list of items in each instant that the BxSlider creates.
That means that each of them needs to have the width of all the items in it.
Currently each instance has a width of 300px
Try removing the line slideWidth: 300,
from the script
@avivtech awsome work. I duplicated your slider and it worked. But if I use your script on my CMS sliderā¦ loadring wheel appear, do you know why?
https://preview.webflow.com/preview/cleafy?utm_medium=preview_link&utm_source=dashboard&utm_content=cleafy&preview=4b9ee8fdd4a3d4b4cc08a4ffa0658271&mode=preview
@ginka_studio
I am sorry, but the BxSlider tutorial was originally created for static content and not Dynamicā¦