- Posts: 78
- Thank you received: 6
Fancybox toolbar configuration
1 year 4 months ago #367742
by nico1979
Fancybox toolbar configuration was created by nico1979
-- 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
-- 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.
1 year 4 months ago #367743
by nicolas
Replied by nicolas on topic Fancybox toolbar configuration
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.
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.
1 year 4 months ago - 1 year 4 months ago #367772
by EnerW
Replied by EnerW on topic Fancybox toolbar configuration
Morning,
if you add the following css to your custom css it should only display the right column but also move it to the left.
.fancybox__toolbar__column.is-left {
display: none;
}
.fancybox__toolbar__column.is-middle {
display: none;
}
.fancybox__toolbar__column.is-right {
justify-content: flex-start;
}
if you add the following css to your custom css it should only display the right column but also move it to the left.
.fancybox__toolbar__column.is-left {
display: none;
}
.fancybox__toolbar__column.is-middle {
display: none;
}
.fancybox__toolbar__column.is-right {
justify-content: flex-start;
}
Last edit: 1 year 4 months ago by EnerW.
The following user(s) said Thank You: nicolas
Please Log in or Create an account to join the conversation.
Time to create page: 0.052 seconds