Table Of Contents

florence carousel widget

How To Use Florence Carousel Widget by Ultimate Store Kit

The Florence Carousel Widget is a useful carousel slider WordPress presented by BDthemes and is a part of the Ultimate Store Kit. It lets you showcase your products to catch the attention of the visitors.

Let’s learn how to use the widget on your site.

Inserting Widget

insering carousel slider WordPress the Florence carousel

First, go to the widget menu, then, search for Florence Carousel. After that, drag-drop the Florence Carousel widget in the text area on your page.

Content Tab

Layout Section Customization

Florence Carousel Doc 2 - BdThemes

Now, we are going to customize the Layout section using the Content tab. After inserting the widget, the Layout section under the Content tab automatically appears. Here, you can set the Item Gap using the scroller, then set the alignment. You can change the other options as you wish.

Query Controls

Florence Carousel Doc 3 - BdThemes

Next, we are going to customize the Query section. To do this, go to Content > Query. Here, select the Source, then set the Product Limit by 9. Then, for the Include mode, you can change the options and enable the switchers.

Additional Section Customizations

Florence Carousel Doc 4 - BdThemes

Now, we are going to customize the Additional section. To do this, go to Content > Additional. Here, you can see three modes i.e.: CONTENT, BADGE, and ACTION BTN. For the CONTENT mode, there are some switchers and drop-down options. You can enable the switchers and select options from the drop-down menu.

Florence Carousel Doc 5 - BdThemes

Next, go to the BADGE mode. There are five switchers i.e.: Sale, Percentage, Stock Status, Trending, and New, and one field i.e.: Newness Days. Now, enable the switchers and input number by 30 in the field.

Florence Carousel Doc 6 - BdThemes

After that, go to the ACTION BTN mode. Here, you can see three switchers i.e.: Add to Cart, Wishlist, and Quick view, enable the switchers.

Navigation Section Customizations

Florence Carousel Doc 7 - BdThemes

Next, go to Content > Navigation. Here, change the Navigation style by Dots and see the result.

Personalized Carousel Settings

Florence Carousel Doc 8 - BdThemes

Next, go to Content > Carousel Settings. Here, change the Layout from the drop-down menu, then, enable the Autoplay and Loop switchers.

Style Tab

Items Customizations

Florence Carousel Doc 9 - BdThemes

Now, we are going to customize our Items section with the Style tab. To do that, go to Style > Items. In the Items section, there are two modes i.e.: NORMAL and HOVER. For the NORMAL mode, select the Border Type, then set the Width, then set the Border Radius. You can change the other options too.

Product Image Customizations

Florence Carousel Doc 10 - BdThemes

Now, we are going to customize the Image section. To do that, go to Style > Image. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, change the Background Color, set a thin Border, change the Border Color, and see what happens.

Change Content Appearance

Florence Carousel Doc 11 - BdThemes

Next, go to Style > Content. There are two modes i.e.: NORMAL and HOVER. For the NORMAL mode, you can change the Background Type, Border Type, and Border Radius, and add some Padding as you wish. After changing the options, you can see the result on the page.

Title Color & Font Customizations

Florence Carousel Doc 12 - BdThemes

Now, we are going to customize the Title section. To do that, go to Style > Title. Here, change the Hover Color, change the Typography, and see the result.

Product Category Styling

Florence Carousel Doc 13 - BdThemes

Next, we are going to customize the Category section. To do that, go to Style > Category. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, change the Background Type, then set a thin Border, then change the Border Color, then set Border Radius, and see the result on the page.

Custom Price Label

Florence Carousel Doc 14 - BdThemes

After that, we are going to customize the Price section. To do that, go to Style > Price. Here, change the Regular Color, then change the Sale Color, then set Margin, then change the Typography, and see what happens.

Product Rating Color Change

Florence Carousel Doc 15 - BdThemes

Now, go to Style > Rating. Here, change the Color and Active Color; remember to choose separate colors for each.

Shop Badge Modifications

Florence Carousel Doc 16 - BdThemes

Next, we are going to customize the Badge section. To do that, go to Style > Badge. There are five modes i.e.: SALE, DISCOUNT, STOCK, TRENDING, and NEW, the options are the same for each mode. Now, for the SALE mode, change the options shown here as you like, and see the result on the page, the same goes for other modes.

Action Button Appearance Change

Florence Carousel Doc 17 - BdThemes

After that, go to Style > Action Button. Here, you can see three modes i.e.: WISHLIST, QUICKVIEW, and CART. Now, for the WISHLIST mode, change the options as you choose, and see the result on the page.

Navigation Control Modifications

Florence Carousel Doc 18 - BdThemes

Next, and finally, we are going to customize the Navigation section. The section depends on the Navigation section under the Content tab, the options vary on that condition. Now, go to Style > Navigation. Here, change the Color, then change the Active Color. After that, set the Border Radius, set the Width (px), Height (px), and Dots Vertical Offset using the scroller or field.

And… It’s Done!

Florence Carousel Doc 19 - BdThemes

All done! Just relax and enjoy the show.

Video Assist

If you want to know more about this widget, please watch the attached video tutorial. You can also see our demo page to learn more. Thank you.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.