Table Of Contents

glossy carousel widget

How To Use Glossy Carousel Widget in Easy Way by Ultimate Store Kit

The Glossy Carousel Widget is an amazing feature presented by BDthemes and is a part of the Ultimate Store Kit. It lets you showcase your products to catch the eyeballs of the visitors.
Let’s learn how to use the widget on your site.

Inserting Widget

Glossy Carousel Widget

First, insert the widget in the text area on the page. To do that, go to the widget menu, then search Glossy Carousel, then drag-drop it on the page.

Content Tab Customizations

Carousel Layout Basic Modifications

Glossy Carousel Doc 2 - BdThemes

Now, we are going to customize the Layout section under the Content tab. To do that, go to Content > Layout. Here, set the column number by 3, and select the Item Gap by 30 using the scroller. You can change the other options as you wish.

Query Controls

Glossy Carousel Doc 3 - BdThemes

After that, go to Content > Query. Here, select the Source, set the Product Limit, and select the Show Product option. You can change other options.

Additional Layout Settings

Glossy Carousel Doc 4 - BdThemes

Next, go to Content > Additional. Here, you can see three modes i.e.: CONTENT, BADGE, and ACTION BTN. For the CONTENT mode, enable the switchers and select options from the dro-down menu.

Glossy Carousel Doc 5 - BdThemes

Now, for the BADGE mode, enable the switchers and fill up the field by 30.

Glossy Carousel Doc 6 - BdThemes

After that, for the ACTION BTN mode, enable the switchers.

Carousel Navigation System

Glossy Carousel Doc 7 - BdThemes

Next, go to Content > Navigation. Here, change the Navigation system, and see the result.

Carousel Animation Settings

Glossy Carousel Doc 8 - BdThemes

After that, go to Content > Carousel Settings. Here, change the Layout system, then set the Autoplay Speed by 5000, then enable the switchers.

Style Tab Customizations

Items Appearance Change

Glossy Carousel Doc 9 - BdThemes

Now, we are going to customize the Items section using the Style tab. To do that, go to Style > Items. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, set a Border, then change the Border Color, and see the result.

Grid Image Modifications

Glossy Carousel Doc 10 - BdThemes

Next, go to Style > Image. Here, you can see two modes i.e.: NORMAL and HOVER. Now, for the NORMAL mode, change the Background Color, then set Border Radius, then see what happens.

Content Section Styling

Glossy Carousel Doc 11 - BdThemes

After that, go to Style > Content. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, change the options and see the result.

Product Title Customizations

Glossy Carousel Doc 12 - BdThemes

Then, go to Style > Title. Here, change the Color and Hover Color, and see what happens on the page. Don’t forget to select separate colors for each.

Pricing Text Color Customizations

Glossy Carousel Doc 13 - BdThemes

Now, go to Style > Price. Here, change the Regular Color, then change the Sale Color, and see the result.

Product Rating Customizations

Glossy Carousel Doc 14 - BdThemes

Next, go to Style > Rating. Here, change the Color and Active Color, select separate colors, and see the result.

Grid Product Badge Modifications

Glossy Carousel Doc 15 - BdThemes

After that, go to Style > Badge. Here, you can see five modes i.e.: SALE, DISCOUNT, STOCK, TRENDING, and NEW. For the SALE mode, change the options, follow it for the other modes, and see the result.

Action Button Color Changing

Glossy Carousel Doc 16 - BdThemes

Next, go to Style > Action Button. Here, you can see three modes i.e.: WISHLIST, QUICKVIEW, and CART. For the WISHLIST mode, change the Background Color and other options, then see the result on the page.

Navigation Appearance Customizations

Glossy Carousel Doc 17 - BdThemes

Lastly, go to Style > Navigation. This section is dependent on the Navigation section under the Content tab. Here, change the Color, then change the Active Color, then set a Border by the Width of 35. After that, see the result.

Final Result

Glossy Carousel Doc 18 - BdThemes

All done! Just relax and watch the slideshow.

Video Assist

If you want to know more about it, watch the tutorial video. You can 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.