Wrap Classic Promo in Off-canvas Trigger

[LDGThemeCo]

Hello,

I’d like to make a Classic Promo link to fire off-canvas trigger content when clicked.

[ruenel]

Hello There,

Thanks for writing in!

You can make use of the content area modal element and insert the Classic Promo shortcode as the modal content.
You can check out the classic promo shortcode here: http://demo.theme.co/integrity-1/shortcodes/promo/

Hope this helps. Please let us know how it goes.

[LDGThemeCo]

I’ve already built my promos using the builder. Is there another way to do this?

I am using this code to create links that wrap around the promo. Can this code be edited to call the off-canvas?

jQuery('.x-promo').each(function(){
    var $this = jQuery(this);
    var $url = $this.find('.x-promo-image-wrap img').attr('alt');
    if ( !($url === null || $url === undefined)) {
        $this.wrap('<a href="' + $url + '" target="_blank" "></a>');
        $this.find('.x-promo-image-wrap img').removeAttr('alt');
    }
});

https://ldgproposals.com/#team

[ruenel]

Hello There,

The off canvas element has it’s own set of classes and use a different event trigger so that it can launch. What you have in mind is only possible with custom coding which is beyond the scope of our support. Be advised that our support only covers getting your site set up, bug fixes and minor cosmetic changes. What have you requested is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[LDGThemeCo]

OK, I understand that.

So, back to your earlier idea, the thought is to wrap a promo shortcode inside an off canvas trigger?

[Prasant]

Hello @LDGThemeCo,

Thanks for updating the thread.

You can copy the Promo shortcode and paste under Content area Model Content box. Here’s a screencast that you can take a look.

Thanks.

[LDGThemeCo]

I see. I appreciate the screencast, however, it is not the functionality I am looking for. I understand I am asking for something very custom.

Thank you all for your time and effort.

[Prasant]

You are most welcome.