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.
Using the Content tab, you can basically make a layout of a particular part of the website.
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.
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 ).
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.
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?
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.
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.
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.
In this section, you can change the color and typography of the excerpt. Also, you can edit the margin.
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.
Here, you can change the appearance of the category. You can change their color, background, border, and even typography.
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.
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.