How to Use Portfolio Carousel Widget

How to Use Portfolio Carousel Widget

The Portfolio Carousel widget is a very handy tool you can use to showcase your product portfolio with style. Built for its catchy style, this widget is highly recommended for shop-owners, business commercials, and online stores. 

To use this easy-to-use widget effectively, you need to know how it works. Let me show you how!

To Insert Widget

Inserting widget is just a matter of drag and drop. However, click and hold on the widget icon from the menu and drag it to the drop point. Follow the picture above.

Content Tab

Using the Content tab, you can basically make a layout of a particular part of the website.

Layout

In the first section Layout, you can select a Skin (Abetis, Fedara, Janes, etc.) for the carousel contents. Look. Here, you can select the column number and item gap from this section. Remember that each Skin has a slight change in settings.

Note that: I’m using Fedara skin in this tutorial.

Query

In this section, you can select the Source of the items and mention categories as well. Moreover, you can set the Limit to fix the number of items that you want to show in the carousel. Also, you can set order and offset.

Go to the Query > Source (Manual Selection ).

Additional

This section includes a couple of things. Let me show them to you in steps.

Step-1: The Additional section has switchers to show/hide the Title, Excerpt & Category. You can choose the HTML tag for the title and excerpt limit also.

Step-2: Note that, you can select one or two links from the drop-down controller Show Link. You can show the links as text or icons from Link Type.

Step-3: You can select the Lightbox Animation style from here. Also, you can set the animation to autoplay by turning on the Lightbox Autoplay switcher. Mostly, you can choose to pause it on hover.

Step-4: The Lightbox appears when you click on the icon Zoom.

Navigation

You can choose the navigation from here. The image above has the navigation as dots. Also, you can change the navigation position i.e Center, Top Left, etc. The more important thing is if you want to hide arrow in Mobile, you can use Hide Arrow on Mobile?

Carousel Settings

In this last section of the content tab, you can select the Layout (Carousel or, Coverflow)and Autoplay Speed. Moreover, you can Loop the animation and use the Grab Cursor to make the cursor look like a hand grab.

Style Tab

Now, time for some Style. In this Style tab, you will have more options to beautify your unique Portfolio Carousel widget as you like. Let’s have a look.

Items

Here, you can adjust the border for the items and change the alignment, color, background color of the title. Also, you can add some padding and change typography.

N.B: Remember, depending on the Skin mode from the Content Tab, the controls of the Items under the Style Tab can be different.

Excerpt

In this section, you can change the color and typography of the excerpt. Also, you can edit the margin.

Button

Go to Style Tab> Button

Come on! You can customize the buttons as the image above. You can change its border, border-radius, border color, etc. from here.

Furthermore, you can turn on the Advanced Radius switcher to shape the buttons in a unique way.

Category

Here, you can change the appearance of the category. You can change their color, background, border, and even typography.

Navigation

Go to Style Tab> Navigation

Lastly, you have the Navigation section. Here, you can change the appearance of the navigation button. You can change their color or adjust the offset position from this section.

Video Assist

Well done. Seems you have learned the whole thing and how it works. It is easy and fun. Watch Video Assist and to get more in-depth ideas about the usage of the Portfolio Carousel widget, take a tour to the demo page.



Missed The Black Friday offer this year? Get up for flat 50% discount right now.