Table Of Contents

shiny carousel widget

How To Use Shiny Carousel Widget Effectively by Ultimate Store Kit

The Shiny Carousel Widget is a handy WordPress carousel block widget presented by BDthemes and is a part of the Ultimate Store Kit. It lets you show your products to catch the eyes of the visitors.
Let’s learn how to use the widget on your site.

Insert the widget

inserting shiny carousel widget

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

Content tab customization

Edit the Layout

Shiny Carousel widget doc 2 - BdThemes

We are going to customize the Layout section. To do that, go to Content > Layout. Here, select the Columns, then set the Item Gap.

Set the Query

Shiny Carousel widget doc 3 - BdThemes

Next, go to Content > Query. Here, change the Source, then set the Product Limit. Notice that there are two modes i.e.: INCLUDE and EXCLUDE. For the INCLUDE mode, define the Include By, then you can select options from the drop-down menu, then you can enable the switchers.

Edit the Additional settings

Shiny Carousel widget doc 4 - BdThemes

After that, 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 the options from the drop-down menu.

Shiny Carousel widget doc 5 - BdThemes

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

Shiny Carousel widget doc 6 1 - BdThemes

Now, for the ACTION BTN mode, enable the switchers.

Modify the Navigation system

Shiny Carousel widget doc 7 - BdThemes

After that, go to Content > Navigation. Here, select options from the drop-down menu and enable the switchers.

Change the Carousel Settings

Shiny Carousel widget doc 8 1 - BdThemes

Next, go to Content > Carousel Settings. Here, change the Layout, then enable the switchers. You can change the options if needed.

Style tab Customization

Arrange the Items

Shiny Carousel widget doc 9 - BdThemes

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

Edit the Image

Shiny Carousel widget doc 10 - BdThemes

Next, go to Style > Image. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, change the Background Type, then change the Background Color, and see the result.

Update the Content

Shiny Carousel widget doc 11 - BdThemes

After that, go to Style > Content. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, set a thin Border, then change the Border Color, and see the result.

Edit the Title

Shiny Carousel widget doc 12 - BdThemes

Next, go to Style > Title. Here, change the Color, then change the Hover Color, and see the result. Remember to select different colors for each.

Customize the Category

Shiny Carousel widget doc 13 - BdThemes

After that, go to Style > Category. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, change the Background Color, then set a thin Border, then change the Border Color, and see the result.

Set the Price

Shiny Carousel widget doc 14 - BdThemes

Now, go to Style > Price. Here, change the Regular Color, then change the Sale Color; pick separate colors for each, and see the result.

Adjust the Rating

Shiny Carousel widget doc 15 - BdThemes

Next, go to Style > Rating. Here, change the Color, then change the Active Color, and see the result. Remember, you have to choose separate colors for each.

Edit the Button

Shiny Carousel widget doc 16 - BdThemes

After that, go to Style > Button. Here, you can see two modes i.e.: NORMAL and HOVER. For the NORMAL mode, change the Background Color, then set the Border Radius, and see the result.

Modify the Badge

Shiny Carousel widget doc 17 - BdThemes

Next, go to Style > Badge. Here, you can see five modes i.e.: SALE, DISCOUNT, STOCK, TRENDING, and NEW. For the SALE mode, change the Background Color, and see the result. You can change the other options if needed.

Change the Action Button

Shiny Carousel widget doc 18 - BdThemes

Now, go to Style > Action Button. Here, you can see two modes i.e.: WISHLIST and QUICKVIEW. For the WISHLIST mode, change the Background Color, then set the Border Radius, and see the result. Other options can be changed if needed.

Update the Navigation

Shiny Carousel widget doc 19 - BdThemes

Finally, go to Style > Navigation. This section depends on the Navigation section under the Content tab. Here, change the color, then change the Active Color, and see the result. Other options can be changed if needed.

Video Assist

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

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

Cyber Monday Sales Are Giving up to ~75% Price Off!! on our products | Coupon: CM2022

The Cyber Monday 2022 deal is already here. Grab all BdThemes products at the maximum discounted price, only limited within the event days. Prices went as low as 75% so if you are not buying, you are losing a lot. Just the right time to get the best discounts on the best vacations. 

Wait!! Don't miss ~75% Black Friday Discounts

You have been saving for months to get the best bang for your buck in this Black Friday 2022. This is why we made sure to lower the price to get us a cup of coffee but for you, it will be all the game changer plugins. Have another look at the deal page before you go.

Need any assistance? Call Us:+880 1700 55 95 95
Copyright © 2022 BdThemes. All Rights Reserved.