Slider content for Beaver Builder

Author Posts

andrewpeters

Hey y’all, I usually code sliders. Works fine on stuff I don’t need clients to touch or have custom fields for.

However, I’m in a pickle here.

I have columns in Beaver builder (or callout modules, not sure which to go with yet) that I’m trying to turn into a horizontal slider. I can’t seem to figure out how to accomplish this with modules/css/js alone.

Has anyone done something like this were the client can still edit a module, but it shows as a slider after saving?


Sebastian

Hey Andrew,

Apologies for the slow reply. I’m on holiday and the hotel has been having internet issues.

If you usually code sliders, the way I would approach this problem might be applicable. I would use the shortcode approach, whereby I write the slider code HTML in a PHP function, and then assign it to a shortcode that can be added via Beaver Builder. This isn’t a Beaver Builder specific solution, but BB does support shortcodes. I don’t know BB modules well enough to recommend a BB specific solution, so this might not be the best solution.

Here is some useful info on shortcodes:

  1. https://codex.wordpress.org/Shortcode_API
  2. https://www.smashingmagazine.com/2012/05/wordpress-shortcodes-complete-guide/

    I hope that helps!

    Cheers,
    Sebastian

    P.S. you would render the slider using something like [myslider] which could go before or after other module content that the user can edit.

You must login or register to reply to this topic.