Demo
![](https://guid.arrowtheme.com/magento/gemmart/images/carousel_builder_demo.jpg)
OWL Carousel element helps to create a beautiful, responsive carousel slider for your webpage.
On CMS builder, click Add New Block button.
![](https://guid.arrowtheme.com/magento/gemmart/images/add_new_block_button.jpg)
On popup list blocks, click “Owl Carousel Slider” button.
![](https://guid.arrowtheme.com/magento/gemmart/images/carousel_builder_1.jpg)
CONFIG BLOCK
MANAGE IMAGES TAB
- Upload New Image
- Click Upload new Image button.
- Click Choose File to Upload button. Select an image from your computer.
- Click Upload button.
- After image uploaded, you can remove it. View screenshot for more details.
MANAGE SLIDER TAB
![](https://guid.arrowtheme.com/magento/gemmart/images/carousel_builder_3.jpg)
- Click the Add New Slide button to add a new slide for your slider.
- Choose the image you want to add to slide, and then click Submit button.
- Do it respectively to add more slides.
SLIDER CONFIG TAB
![](https://guid.arrowtheme.com/magento/gemmart/images/carousel_builder_8.jpg)
- Number of items on slide (3 resolutions): Default value is 1 image on a slide for correlative resolution.
- Preload: Choose Yes to enable the preload.
- Height Preload: Enter the height value for the preload
- Margin right: The value of the right margin on each item.
- Full Height: Choose Yes to let the slider be full its height.
- Auto play: Choose Yes to let the slider auto play.
- Stop auto play on mouse hover: Choose Yes to stop the slider from playing when user hover their mouse.
- Display navigation: Choose Yes to show the navigation icon on slide.
- Display pagination: Choose Yes to display the indicator on slide.
- Pagination position: Choose the place where navigation icons will be displayed.
- Loop: Choose Yes to let the slide play in loop among images.