- Posts: 80
- Thank you received: 8
Navigation buttons in shadowbox
-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.5.20
-- Browser(s) name and version -- : Chrome
-- Error-message(debug-mod must be tuned on) -- : n/a
Hi,
I'm using shadowbox (external) to present my products enlarged. This works great on a normal screen. But in these days touchscreens (tablets and smartphones) are very common. I recently got several complaints that the navigation in the shadowbox is very bad. The navigation buttons and also the close button are too small and/or too close together.
Can this be customizes somehow or is there a good alternative? A shadowbox that would also be swipable would be great.
Any help would be appreciated.
Regards, Benny.
Please Log in or Create an account to join the conversation.
At this time we have Shadowbox or Mootools, Mootools don't have any navigation arrows, and as you said Shadowbox don't seem to be very adapted for touchscreens..
There is no other integrations, but if you have in mind the name of a good extension allowing swipe navigation we could add the integration with this extension on our Todo list.
Please Log in or Create an account to join the conversation.
I did customize the css file plugins/system/shadowbox/shadowbox/examples/build/shadowbox.css in a way that it is easier to navigate on a tablet. On a smartphone however the leftmost button now disappears but that is not an issue for this customer.
Maybe you could do something with Blueimp ( github.com/blueimp/Gallery ).
www.nterwebdesign.nl/extensions/blueimp-lightbox made a plugin with this blueimp lightbox.
This lightbox is responsive and swipable.
Please Log in or Create an account to join the conversation.
We've looked at it and the way it is done, it's not easy to integrate with it for our code structure. We'll see if we can done something we it but it doesn't look good (even though the lightbox system itself looks good).
If you find another lightbox gallery system, let us know. If might be easier to integrate than this one.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
The lib is a little bit more compatible with a gallery system even if I'm not sure it will work with the HikaShop system ; specially when you have variants which change dynamically the images.
Some other issue that we could have, is the license of that library :
For personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoGALLERY for jQuery for free.
All other uses require the purchase of a professional license.
If Nano Gallery want to create an integration with the HikaShop image lightbox system ; we can provide all useful details for that, but I don't think that we will integrate (again) some code in HikaShop with a component which have a restrictive license.
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Please Log in or Create an account to join the conversation.
I"m trying to integrate rokbox 2 instead of shadow box
i fix the setting to shadowbox external
i simply change line 564 to 568 of popup.php to
seems ok but 2 issues
1) I cannot have the title for the caption.(data-rokbox-caption). i have tried also with $title on my code. The image title don't want to load
2) gallery don't want to load on first picture . if i click on one of other picture data-rokbox-album is loaded
test here
www.tricotin.tramber9.o2switch.net/index...ls-fantaisie-abakan/
question: i can overide popup.php ?
This option (rokbox integration) cannot be in the system ?
thanks
Bertrand
Please Log in or Create an account to join the conversation.
If you want to use the parameter title ; you have to pass it when you call the function, like the gallery is already passed
In the product page, the first picture is not made to open the gallery ; it does not have any gallery parameter and his code (giving in the $attr) is made to simulate a click on the corresponding thumbnail.
Because the popup helper is an HikaShop helper ; you can override it (like HikaShop classes).
See explanation here : www.hikashop.com/forum/product-category-...atermark.html#184987
You will need to do the same thing for "popup" and override just the function "image" to call your custom "imageRokbox" function.
We will modify the popup helper in order to allow plugins to create new types ; so instead of doing an override, you will have your little custom plugin.
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Please Log in or Create an account to join the conversation.
means in block_img near
i need to add the title somewhere ?
i'm little bit lost in php sorry
Bertrand
Please Log in or Create an account to join the conversation.
I'm very interested in the Rokbox implementation. If it works in Hikashop, would you be so kind to publish a link where i can see the demo and also make a description available in this forum?
Regards, Benny.
Please Log in or Create an account to join the conversation.
the best i can have with rokbox
www.tricotin.tramber9.o2switch.net/index...ls-fantaisie-abakan/
my small modif in popup.php
i don't succeed to call fonction for titlle ==> in my block_img overide i juste replace title by data-rokbox-caption
and
concerning overide, i can wait for your trick !!
i have tested with this file (function image) without success
grosse bidouille
take care
Bertrand
Please Log in or Create an account to join the conversation.
Just put the function image into the class hikashopPopupHelperOverride and you your specific content for rokbox into it.
About the title ; you need to add a new parameter in the array where you can already see the "gallery" parameter.
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Please Log in or Create an account to join the conversation.
My new file, named poppu.php, i have pot in
mytemplate/html/com_hikashop/administrator/helpers
without succes
Bertrand
Please Log in or Create an account to join the conversation.
I fixed your code in order to have something which will be executed correctly.
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Please Log in or Create an account to join the conversation.
I put the new file in the dedicated folder
site_root/templates/rt_nuance/html/com_hikashop/administrator/helpers
but the overide don't want to run ???
take care
Bertrand
Please Log in or Create an account to join the conversation.
The file name should be "popup.override.php" no "popup.php".
I know that is strange but because HikaShop can look for the file in several different places ; we prefered to have a special name which will not be in conflict with the original one.
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
maybe was a question of format all code was on same line
thanks
Please Log in or Create an account to join the conversation.
Is it possible for you to make a 'for dummies' description of the steps to take so I can switch to Rokbox also.
Would appreciate this very much.
Regards, Benny
Please Log in or Create an account to join the conversation.
1) Rokbox installed
2) Product format div
3) modification of view, block image
Please log in or register to see it.
4) overide of popup.php
put the file popup.override.php in
site_root/templates/your_template/html/com_hikashop/administrator/helpers
Please log in or register to see it.
that's all
Bertrand
Please Log in or Create an account to join the conversation.