On some product pages like hidden link I have added an image slider. I would like to change its default slide effect into a fade effect.
Also, I would like to make the animation loop automatically.
I had done it with flexslider exactly the way I need (see hidden link) but I am trying to get rid of all the extra files and remove flexslider altogether...
Does anyone know how the Glide javascript snippet that could point me towards the solution?
Sorry, my bad. I was thinking of the options available when you create a slider of posts with a View (rather than a slider of images belonging to a single post).
Double-checking, there is no fade option available with the Image Slider block.
That would be because the glide slider library used doesn't support it itself: hidden link
If you must use fade rather than slide, I'm afraid you would need to persist with a custom solution using flexslider (or some other slider library).
I am trying a different approach on a test site: hidden link
I have added a legacy view with a slider, but I think I am doing something wrong, as instead of a slider, the images are displayed vertically. I attach a couple of screenshot of the configuration.
It looks like you are perhaps mixing up a View slider and outputting an image field that can have multiple values.
So, a View queries and iterates over posts. You can make it work like a slider by adding pagination, set to show one post at a time. You can output whatever you want from the post, and that might include an image. In which case when the View transitions from one slide to the next it displays the output of one post (perhaps an image) at a time.
Contrast that with when you have an Image custom field that accepts multiple values.
So you might have a post, and add 5 images to that post.
If you want to output those as a slider then, when using Blocks, you can use the Image Slider block to iterate over the images belonging to that one post.
Prior to Blocks it was necessary to manually create such a slider using an external library such as Flexslider. You would output the images using a types shortcode, and add JavaScript to transform that list of images into a working slider.
From your description it looks like you have a mix of the two approaches, where you are adding a View and trying to set it up as a slider, which would mean it iterating over posts, but showing only the output of one at a time, and for a given post you then output all of the images from an image field belonging to that post. So you see each of the images stacked on the screen, but you are missing the external library such as Flexslider to transform those images into a slider.
