[Skip to main content](#vessel-content)

#   Fancybox toolbar configuration

##

- **[nico1979](/forum/user/31330-nico1979 "View nico1979's Profile")**
- [![nico1979's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31330-nico1979 "View nico1979's Profile") Topic Author
- [ Offline](/forum/user/31330-nico1979)

Less More

- Posts: 78
- Thank you received: 6
-
-

1 year 4 months ago [\#367742](#367742) by [nico1979](/forum/user/31330-nico1979 "View nico1979's Profile")  *[Fancybox toolbar configuration](/forum/25-install-update/909550-fancybox-toolbar-configuration#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:    ..........  Where Can I find the configuration to move the toolbar to left-top? Thank you")* was created by *[nico1979](/forum/user/31330-nico1979 "View nico1979's Profile")*

-- 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:

&lt;div class="fancybox__toolbar__column is-left"&gt;&lt;/div&gt;
&lt;div class="fancybox__toolbar__column is-middle"&gt;&lt;/div&gt;
&lt;div class="fancybox__toolbar__column is-right"&gt;..........&lt;/div&gt;

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzkwOTU1MC1mYW5jeWJveC10b29sYmFyLWNvbmZpZ3VyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86358
- Thank you received: 14293
-
-

1 year 4 months ago [\#367743](#367743) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Fancybox toolbar configuration](/forum/25-install-update/909550-fancybox-toolbar-configuration#367743 "-- 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:    ..........  Where Can I find the configuration to move the toolbar to left-top? Thank you")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzkwOTU1MC1mYW5jeWJveC10b29sYmFyLWNvbmZpZ3VyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[EnerW](/forum/user/38634-enerw "View EnerW's Profile")**
- [![EnerW's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38634-enerw "View EnerW's Profile")
- [ Offline](/forum/user/38634-enerw)

Less More

- Posts: 101
- Thank you received: 8
-
-

1 year 4 months ago -  1 year 4 months ago [\#367772](#367772) by [EnerW](/forum/user/38634-enerw "View EnerW's Profile")  Replied by *[EnerW](/forum/user/38634-enerw "View EnerW's Profile")* on topic *[Fancybox toolbar configuration](/forum/25-install-update/909550-fancybox-toolbar-configuration#367772 "-- 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:    ..........  Where Can I find the configuration to move the toolbar to left-top? Thank you")*

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;
}

Last edit: 1 year 4 months ago by [EnerW](/forum/user/38634-enerw "View EnerW's Profile").

The following user(s) said Thank You: [nicolas](/forum/user/63-nicolas "View nicolas's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzkwOTU1MC1mYW5jeWJveC10b29sYmFyLWNvbmZpZ3VyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.052 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
