🔥🔥 Get Crazy Elements PrestaShop Page Builder for FREE!


Image carousel

Image carousel will help you to show the product/image and create an interesting gallery. #

Step 1: #

Select the image carousel widget from the crazy elements(page builder) from the left side of the menu bar from your screen then drag and drop it in the selected area

Step 2: #

After dropping the selected area it will automatically take you to the content tab. In the content tab you need to select some image for your image carousel. After selecting that you can fix the image height and width and can select how many images show in a slide and how many scroll at a time and also can give navigation and image caption.

In the additional options you can give which way you want to pause the scroll and which direction you want to scroll, want autoplay or not, want infinity loop or not.

Step 3: #

In the style tab you get two options: Navigation and image. In the navigation tab you can give image position, color, size.

In the image tab you will get the option to give vertical alignment(start, center, end), can give space between two images, can give border, border radius and color.

Step 4: #

In the Advanced tab you can add the margin, padding, Z-Index, CSS (Id, Class) motion effects, Background, Border, Responsive and others.

After left clicking on the background you will get two tabs Normal and Hoover. Here you can edit your image in two ways: classic or gradient. In both ways you can add background image, color, position, attachment, type(linear, radial) angle, location.

In the Border tab you can edit the border of your image  in two modes(Normal, Hover). In both modes you will get the different types of border options(Solid, Double, Dotted, Dashed, Groove) and you can give the border radius, box shadow(horizontal, vertical, blur, spread and the position(inline and outline)). You can also add custom positioning, responsive and custom css.

Video Tutorial #

To get new videos, Please Don’t Forget to Subscribe Our  Youtube Channel!

Powered by BetterDocs