Custom Off Canvas and Modal Close

Support
#1

Hi Themeco,

I’d like to add custom html links, buttons and content to Off Canvas and Modals. When these items are clicked/selected I’d like to close the Off Canvas and Modals and the page update content or direct to new page for urls.

I see there are css classes x-off-canvas-close and x-modal-close for the Off Canvas and Modals Close.

If I add a class my-custom-close, what would be base JavaScript to effectively replicate the behaviour clicking the x-off-canvas-close and x-modal-close?

#2

Hi There,

Thank you for writing in, so you want a close button inside the modal content that can close the modal and direct you to a different page? If so, please add something like this on your Off-canvas content.

e.g.

<a href="#" data-x-toggle-close="1">CLOSE</a>

Please be reminded that further customization from here, falls outside the scope of support that we can offer.

Hope it helps,
Cheers!

#3

Can the outline or basic JS be provided use custom classes?

X provided all source code in
/framework/js/src
/framework/css/src

This allowed true theme extension/customisation and I could just just look at these to get the code I needed and customise to meet my needs. Why is this not provided now?

#4

Hello There,

The files were minified and the source files were removed to minimize the file size of the theme.

Please note that custom coding is outside the scope of our support. Issues or conflicts that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Regards.

#5

Given the /src source files do not in anyway increase the size of the generated /dist theme it has no overall impact on the size of theme when used as a theme.

Its merely a few extra KB to download size and allows customers to fully customise and extend the theme - something Themeco maintain you are passionate about.

These were all provided and now taken away from customers - how is this offering an improvement?

#6

Hi,

You can unminify the code to make it make readable using link below

Please note that we don’t recommend editing the theme’s core files as this will get overwritten when updating the theme

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.