Introducing Divi Library Shortcodes

by Jun 8, 2021Announcements, Pixel Modules

It’s the time for another update! In this release we have focused on bug fixes and improvements.

We were working hard over the last few weeks where we have fixed various bugs, improved multiple features and added some new cool settings to the Divi Pixel options panel. The changelog for this version is long, but in this article, I will mention the most crucial fixes and improvements.

Introducing Divi Library Shortcodes

As in the title, we have added new functionality to the plugin. This is a very useful feature that will allow us to use Divi Library items inside other modules. We will see a new column in the Divi Library where we can copy the library item shortcode and place it in any other module which supports the text field.

Let’s say we want to use the Divi Pixel Hover Box module and display team members with some info text and social icons. Hover Box doesn’t offer social icons, but with this new feature, we can easily add them to the description field. To do that we only need to create section/row or module with Social Icons and save it to the Divi Library. Once it is saved, we can copy its shortcode and add it to the description text in Hover Box module. This new feature can be also disabled on the plugin settings screen, so shortcodes won’t be displayed in the Divi Library.

Apply Blog Style to the Native Divi Blog Module

Divi Pixel offers various blog styles which can be customized in Theme Customizer and applied to archive pages. With this update, we will also be able to apply the blog style selected in the plugin settings to the native Blog module. To do that we only need to add a custom class “dipi-styled-blog” to Blog module, so the proper layout can be applied.

Blog Slider Improvements

The Divi Pixel Blog Slider allows us to display blog posts in a nice slider form. It’s a highly customizable module where we can add image hover effect, date ribbon, button, navigation and customize all these elements using module settings. In this release, we have added 2 important settings. We can now select the blog posts order and customize navigation by adding hover settings.

New Collapsed Mobile Menu setting added

One of the most popular and powerful features offered by the Divi Pixel plugin is Mobile Customizer. It allows us to add animated hamburger icon, social icons, customize the mobile menu animations and more! In this release, we have improved the “Collapse Submenu Items on Mobiles” function. Based on our customers’ feedback we have added a new function to allow or do not allow parent links to be clickable when “Collapse Submenu Items on Mobiles” is enabled.
The new option is called “Remove Parent Menu Link” and it can be found in Divi Pixel plugin settings (Divi/Divi Pixel/Mobile) when Collapsed Submenu Items on Mobiles” option is enabled. When this new option is enabled, our mobile menu will open collapsed menus after a link or icon is clicked. If we leave this option disabled, then users will be able to click parent menu items, while the collapsed submenu will only open after the icon is clicked.

Meet the New Image Hotspot features

Image Hotspot is another unique and yet powerful module available in the Divi Pixel arsenal. It allows us to place multiple hotspots on an image and display tooltips when the user mouse over or click on the hotspot. In this new release, we have added new settings that will allow us to add a link to the hotspot itself, and also disable tooltips, so users will be able to click on the hotspot itself, and it will take them to the page defined in the hotspot link field.

There is even more fixes and improvements which haven’t been mentioned here. All fixes and improvements are listed in the plugin changelog. If you enjoy reading this article, please leave a comment!

Maciej Ekstedt

Maciej Ekstedt

Maciej, co-founder of Divi Pixel, is a passionate web designer and marketing expert who thrives on turning creative ideas into effective strategies. His fascination with the intricacies of megalopolises influences his work, where he meticulously crafts detailed solutions for his company.