Customizing Fancybox Buttons

Which file should I modify to add traditional buttons like thumbs, downloads, zoom, etc. in the Fancybox popup?
I modified assets/js/ frontend.js, backend.js, and common.js by adding them, but it doesn’t work; there’s always only the close button.

Can you please help me? Thank you.

Hi,

Please describe the required changes, if you mean styling buttons inside the modal windows they can be styled via the same CSS classes as within the page.

I’m not talking about visual styling, I’m referring to the presence of the buttons.
I’ve modified all the relevant files by adding the traditional Fancybox buttons (like zoom, thumbs, download, etc.), but when the popup opens on a single listing, only the close button is shown.
So, there must be some default configuration that’s overriding my settings and limiting the toolbar to just the close button.

If you mean Fancybox for the listing gallery images, it’s initialized here hivepress/assets/js/frontend.js at master · hivepress/hivepress · GitHub There are 2 ways to customize these settings:

  • Edit them directly in the JS file (also please copy changes to the frontend.min.js file), the downside is that direct changes are reset on every update
  • Override the listing gallery template part /listing/view/page/listing-images.php and change HTML in a way so that the core JS will not be applied to it, which allows using custom JS code

Hope this helps

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