The DP Portfolio Slider module is designed to showcase your projects, case studies, or work achievements in a dynamic and visually engaging carousel. With flexible layouts, touch-swipe navigation, and detailed design settings, it helps you highlight your portfolio items with smooth slider animations. Perfect for agencies, designers, and creators.

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add the DP Portfolio Slider module to your page, use the following steps:

1. Create/Edit a Page/Post that uses the Divi builder.
2. Create/Edit a row.
3. Click on Add New Module option; choose the DP Portfolio Slider module.

Content settings

Query settings

Define the source of your portfolio items. You can choose the total number of projects to retrieve, filter them by specific categories, and configure custom sorting order (date, name, random).

Elements visibility

Toggle the visibility of specific project card elements. You can choose to show or hide the Featured Image, Portfolio Title, Excerpt, Categories, Read More Button, and Live Link Button.

Display settings

Slider navigation

Configure how your slider behaves. Enable Autoplay, loop transition mode, customize the speed delay (in milliseconds), and toggle Pause on Hover. You can also customize the pagination dots and navigation arrow icons.

Design settings

Image and card styling

Style the portfolio item container and featured images with custom borders, per-corner border radius, padding, margins, and custom box-shadow controls.

Read more and live link buttons

Independently style both the Read More and Live Link buttons. Control the background, hover behaviors, text alignment, margins, and border parameters for each button type.

Frequently Asked Questions

Can I filter portfolio items by specific categories?

Yes. In the Query settings tab, you can select specific categories to include or display all portfolio items together.

Does the slider support touch swipe on mobile?

Yes. The module uses a responsive slider framework that is fully optimized for touch swipe gesture navigation on mobile and tablet devices.

Can I display both the Read More and Live Link buttons together?

Yes. You can enable or disable both buttons independently in the elements visibility settings, allowing you to direct users to a detailed post or a live URL.