Fancybox toolbar configuration

  • Posts: 56
  • Thank you received: 3
  • Hikashop Business
9 hours 34 minutes ago #367742

-- HikaShop version -- : 6.0.0
-- Joomla version -- : 5.2.1
-- PHP version -- : 8.0
-- Browser(s) name and version -- : All

Hi, in the source code of the fancybox zoom, I've found this code, concerning the toolbar on right-top:

<div class="fancybox__toolbar__column is-left"></div>
<div class="fancybox__toolbar__column is-middle"></div>
<div class="fancybox__toolbar__column is-right">..........</div>

Where Can I find the configuration to move the toolbar to left-top?
Thank you

Please Log in or Create an account to join the conversation.

  • Posts: 84037
  • Thank you received: 13618
  • MODERATOR
5 hours 54 minutes ago #367743

Hi,

What you're looking at is the HTML code generated by the Javascript file of Fancybox. The javascript file is in media/com_hikashop/js/fancybox.js
But you won't be able to edit it as the code there is minified and everything is generated dynamically.
I don't think that's the approach you want to take.
Instead of modifying the generated HTML, I would rather recommend you add custom CSS code on your website in order to override the CSS code of Fancybox.
That way, you can move things around without touching the javascript code of Fancybox. It will be simpler and won't be a problem when you update HikaShop in the future.

Please Log in or Create an account to join the conversation.

Time to create page: 0.060 seconds
Powered by Kunena Forum