Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section

Oct 19, 2018

—

This version works with both the free and premium version of Soliloquy slider. It replaces the hero image with the slider on desktops and displays the hero image on mobiles at the same time the mobile menu activates as seen in the following 2 gallery images.

Update: See this new version with bug fixes.

In this case, the slider is only added to the front page.

Demo Video #

Shows the header hero image replaced with the slider on desktops and the hero image displayed on mobiles.

Tested using the free and premium versions of Soliloquy slider.

Code Installation #

There’s 3 steps relating to usage of the code from the download folder.

Step 1 – Create a new slider named Hero Slider using the following settings as a guide :

The above screenshot uses the premium version settings.

Comments

2 responses to “Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section”

lucie hall

November 10, 2019

Hello again, it’s me Lucie, the pest! Well I think I figured it out, and you might want to update your tutorial: rather than adding front-page.php to the theme directory, (which the current version of the theme does not have) I added the php snippet to functions.php, and it worked!! So no need to go in to library.broughstuff.com.

Have a great um day, night, whatever it might be!

Log in to Reply
1. Brad Dalton
  
  November 10, 2019
  
  Thanks for the update Lucie. The tutorial is now updated https://wpsites.net/web-design/replace-hero-image-with-soliloquy-slider-premium-in-essence-pro-hero-section/#theme-versions-support-gutenberg
  
  Log in to Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.