Support Forum

  • Page:
  • 1

Thumbnail Organization

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hello,



First off, I would like to say, thank you for putting together this module.



However, I am currently running this module with the slider template and I am having some trouble configuring it.



Since the slider template is limited in space, I chose to have the small thumbs option.



Once I set it to small thumbs right, I see my thumbnails, but they are only in one column going down the page. Is there any way to group them into maybe a few rows and a few columns to fit my site constraints?



Also, how do I disable the pop up boxes when I over over the thumbnails?



Thanks so much!



B)
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
ok i think i figured it out, i had to play with the DIV option.



now i have a question about setting multiple galleries? can i install this component more than once?
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Great you worked it out ... still working on the tutorial.



To make multiple galleries just copy the module in the Joomla admin. You can set different layouts for each module or use the same. The dimensions will have to be the same for this version if you are using the same layout style.



To prevent the tooltips from displaying in the slider template you obviously set the option to use tooltips and reference the script to no in the module admin. If you aren't using the tooltip boxes triggered by the three buttons on the left, top and bottom then you can set the tooltip parameter to no in the index.php file. If you are however it will require a little bit of hacking in the index file itself.



Look for the following code and delete it:



[code:1]var myTips1 = new MooTips($$('.toolTipImg'), {

maxTitleChars: 100 // long caption



});

[/code:1]



Just copy the code to the clipboard or notepad just in case.



Thanks Anthony.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
thanks for the lighting fast reply!



one last question before i call it a night, do you know why only 17 thumbs seem to be showing? i do not have any of them unpublished :(
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Umm looks like its a bug :(



Ill fix it up tomorrow ...



Let me know when your site is up Im interested to see how the slider goes with hoverbox.



Thanks Anthony.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
i will shoot you a PM when the site is ready! (i rather keep the site unpublicized for a bit)



right now i gotta set everything up -.-



i just ran into another small issue... when i use "slim image popup"



i noticed that when i mouseover the right side of the image, i can flip through the gallery like that. however, i only have access to another blank thumbnail, not a picture :(



as for the 18th thumbnail not showing, i assume i can fix it by editing the xml file correct? if i can, dont worry about it. ill play around!



thanks a million!
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Just a quick addition to the thumbnail problem. I notice that as well as not showing 18 thumbs, one title gets dropped from an image but shows up as being assigned to a different image...



Thanks.
  • GRZESIAK's Avatar
  • GRZESIAK
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
good point.



well since my 18th thumbnail didnt load, i figured out how to cut it down to 16.



you have to go thru the xml and php files for hoverbox, and delete the 18th entry for the thumbnails. i know its kinda confusing, but if you have 17 entries, it will show 16 thumbs. and if you have 19 entries, it will show 18 thumbs. its really confusing, but if you know how to manipulate the xml and php files, you can get the 18th thumbnail out.



another thing im noticing is, the thumbnails load from the right to the left -.- any way to fix this? is there any way to center all the thumbnails if i have removed the thumbnail preview?
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
ok fixed it again.



if the image order is loading backwards ie(from right to left) you have to go into the hover_box2.css and change the float positions for whatever preset you are using to the same side ie, both left, or both right :)



now i just gotta figure out how to center this, and i should be on my way! :)
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Slidernoob and Cas,



Didnt get a chance to fix the xml today but may do so tonight :)



The images will float left or right depending on the layout option you've chosen.



When the right layout option is chosen and the images hover to the right the images float left while the opposite is true for the left layout option. Its a little confuding I know and may address it in subsequent versions.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
i noticed the update :) but ive already set most of my gallery so i guess i will hold off with 16 thumbs for now :P



anthony, could you please help me with one more thing?



i would like to center the thumbnails. am using the wide right preset and i would like to get the whole block centered if possible because i have removed the thumbnail preview
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Sure thing ... best bet would be to post a link and Ill see what's happening.



You can also just copy and paste the contents of the new php file into the old one as the xml hasn't changed.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
site is: edit-offline-/edit , go to automotive. and you will see the offset gallery thats on the left.



im going to take the link down soon so please let me know :) (dont want to fully launch the site just yet)
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Ok I havent tried this but it should work.



1. Change the entire width of the gallery to fit the width of the thumbnail width.



2. Then edit the css in the hoverbox.css or in your own template_css depending on how you are using the module and change the setting for the



[code:1].hb_wide_right {position:relative;}

[/code:1]



to

[code:1]

.hb_wide_right {position:relative;margin:0 auto}[/code:1]



or instead of margin:0 auto just nominate a margin-left value.



This should work ...
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
just changed it in hover_box2.css, still on the left :(
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Did you add the new css?
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
yeap just installed the new css... now its offset to the right side instead :(



here is whats left of my modded code:



/* wide_right */

.hb_wide_right {position:relative;margin:auto}

.thumbs_wide_right {width:180px; float:left;}

.thumbs_wide_right a {display:block; float:left; margin:0 0 5px 5px; width:66px; height:44px; border:1px solid #ccc;}

.thumbs_wide_right a img {width:66px; height:44px; border:0;margin: 0;}



if its not possible to center, then ill just leave it as is... its not too big of a deal i guess.



thanks for taking your time to trouble shoot this with me



eric
  • Rob Ford's Avatar
  • Rob Ford
  • JB Pro
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers