So when a user will click on the Image they’ll be taken to that URL that you added to Image. All you've to do is open up that Image in the Media Library and add the Custom URL to it there. If you want to add a URL to each Carousel Image you can do that easily. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices. Use the advanced options to give your Price List module custom CSS ID’s and Classes. This is the place where you can add corner radius, borders, box shadow and more stuff to the carousel images. Here you can change the Position of the Pagination dots vertically.Ĭhange the color of the Active dot in the PaginationĬhange the color of the In-Active pagination dots here Image ElementĬhange the arrow position to inside or outside of the carousel.Ĭhange the arrow position to inside or outside of the carousel for Mobile Devices only.Ĭhange the background color of the arrow. If you have small and big size images in the carousel then this option would be helpful. Design Options LayoutĬhange the horizontal alignment of the images. You can set Image caption by opening the Image in Media Library. Here you can change the Size of the Image when opened in Lightbox.Įnable this option If you want a gallery in lightbox, this will show next & prev arrow in the Lightbox to switch to another Image in carousel.Įnable this option If you want to show Image Caption in lightbox. Enabling this option will reveal some more options too. LightboxĮnable or Disable this option to open the images in the lightbox when click on a single image. Use this option to disable touch/drag to slide the Carousel.Įnable or Disable this option to make the mouse icon to grab cursor icon.
Disabling this will show only the number of images and you can’t use the next arrow if slides are ended then you’ll have to use the previous arrow.Įnable or Disable this option to show or hide the arrows.Įnable or Disable this option to show or hide the pagination dots. Means when you’ll click on the arrow to go to next slide it will then keep looping and shows all the item from first to end. You can enable this option to slide images automatically.Ĭhange the time interval for the slides to change after that time.Īdd some spacing between carousel images.Įnabling this option causes the carousel to loop. You can change the "Row Per Slide" value to whatever you like.
You can enable this option If you want to show multiple rows of Images, lets say you enter 2 in the "Row Per Slide" field and then you'll see two Rows of Images, a new one below the first one and It will work the same way. Here you can change the speed for sliding the slider. Here you can change the number of slides to scroll when click on the arrow button to see the next items. Here you can change the number of images to show in one slide. This mode will show the next image in the carousel centered means half of the image will be appearing which tells there are more items to see. You can change the Carousel Content Direction from here, It can be either "Left to Right" or "Right to Left".
0 kommentar(er)
