HoverBox 3 - Official Thread

AWESOME
just installed on my store with no issues, a great contribution

many thanks

Hi!
Just want to say a great contribution! I installed with no problems, and it works like a dream! well done! :clap:
My only very small niggle is that it has now somehow misaligned my product page layout. I had a mod installed which centered everything, it looked nice and neat. However since adding Hoverbox3 it has moved the image over to the left and the description underneath it but to the right!
My guess is that some of the same files are used, (- though I am a newbie so could be wrong!) anybody know how to fix this? :unsure:

Hoverbox 3 css file seems to be causing errors during validation. I get the following: ```html
324 * html #hoverbox Value Error : margin-top Lexical error at line 324, column 88. Encountered: "?" (63), after : "" ? document.documentElement.scrollTop : 0) + 'px');
325 margin-left Value Error : margin-top Parse Error margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
328 margin-left Value Error : margin-top Parse error - Unrecognized }
331 * html #overlay Value Error : height Lexical error at line 331, column 96. Encountered: "?" (63), after : "" ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px');
332 width Value Error : height Parse Error width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px');
333 width Value Error : height Parse error - Unrecognized }

Just as an fyi, the donation / payment system you have on your site to make a donation for Hoverbox is confusing.

Do you have Paypal express and regular paypal setup by chance?

I tried to submit a donation, but kept getting caught up in a loop of continually having to login to my paypal account and when I would click "submit", I kept being taken back to the "confirm your package" page.., would click to send payment again, then had to log back into my paypal account and and the cycle continued.

I tried 4 times with the same result.

I also installed IH2 before HB3 and now my IH2 hover is not working, either, although HB3 is working.

Which should be installed first? IH2 or HB3? It seems like no one has answered this question.

Never mind.. I went back and found and used the same solution dealsbyethan used and it worked.

PattyGale:

Never mind.. I went back and found and used the same solution dealsbyethan used and it worked.

Which solution was that? :lamo:

Hi Testuser:
Any chance you could look at my post regarding the CSS validation errors?
Thanks, Clive

dealbyethan.com:

Quote:
There are 2 display differences between Firefox and IE7. When someone clicks on larger image, the window that pops up is not centered and the background does not cover the whole page. This only happens in IE7

Has this issue been solved? Please advise. Thanks.Has this issue been solved? Please advise. Thanks.

Many users have had this same problem. I just upgraded following all the instructions. My site is having the same issue. Is there a fix for this?

http://blantondisplaysandexhibits.com/index.php?main_page=product_info&products_id=64&zenid=c5ce8355016dc935fb0887429f1d95f1

thanks!

Hi, thanks for this great mod.

i need help with a problem though. IE crashes on my test store (IE7 & IE6) when i access a product display (with firefox everything is ok). When i turn off HoverBox, IE stops crashing. the address is https://www.vatcheg.com/ShopCart
it will be awesome if someone could help me fixing this.

Hi all,

This is a great contribution.

However, I have problem on installing it.

1. when i installed the sql codes, there wasn't a success message but instead, these came out from the screen:

Query Results:
SET @hoverboxold=0;
SELECT (@hoverboxold:=configuration_group_id) as hoverboxold FROM configuration_group WHERE configuration_group_title= 'HoverBox2';
DELETE FROM configuration WHERE configuration_group_id = @hoverboxold;
DELETE FROM configuration_group WHERE configuration_group_id = @hoverboxold;
SET @hoverbox=0;
SELECT (@hoverbox:=configuration_group_id) as hoverbox FROM configuration_group WHERE configuration_group_title= 'HoverBox 3';
DELETE FROM configuration WHERE configuration_group_id = @hoverbox;
DELETE FROM configuration_group WHERE configuration_group_id = @hoverbox;
INSERT INTO configuration_group VALUES (NULL, 'HoverBox 3', 'HoverBox 3 Configuration Options', '1', '1');
UPDATE configuration_group SET sort_order = last_insert_id() WHERE configuration_group_id = last_insert_id();
SET @hoverbox=0;
SELECT (@hoverbox:=configuration_group_id) as hoverbox FROM configuration_group WHERE configuration_group_title= 'HoverBox 3';
INSERT INTO configuration (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES (NULL, 'Enable HoverBox?', 'HOVERBOX_ENABLED', 'true', 'If set to true, all your product images will display using the HoverBox effect when viewing larger images.
If additional products exist, they will be presented in a slideshow fashion. Customers have the option to go through them manually or via the autoplay function.

Default: true
', @hoverbox, 10, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Include Product Title?', 'HOVERBOX_DISPLAY_TITLE', 'true', 'If set to true, the title of your product will be included below your product image.

Default: true
', @hoverbox, 20, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Include Product Price?', 'HOVERBOX_DISPLAY_PRICE', 'true', 'If set to true, the price of your product will be included below your product image.

Default: true
', @hoverbox, 30, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Include Product Description?', 'HOVERBOX_PRODUCT_DESC', 'false', 'If set to true, the products description will be included below your product image. You can limit the number of characters as well.

Default: false
', @hoverbox, 40, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Product Description Limitation', 'HOVERBOX_MAX_DESC_LENGTH', '200', 'Limit the number of characters for the product description displayed, if enabled.

Default: 200
', @hoverbox, 50, NOW(), NOW(), NULL, NULL), (NULL, 'Z-Index of HoverBox?', 'HOVERBOX_ZINDEX', '5000', 'This is the layer at which HoverBox resides on the page while viewing your product images. Change this to a higher value if your having problems with anything protruding into your effect.

Default: 5000
', @hoverbox, 60, NOW(), NOW(), NULL, NULL), (NULL, 'Use Smart Image Resizing?', 'HOVERBOX_SMART_RESIZE', 'true', 'If smart resizing is enabled, HoverBox will resize the image if it is to big to fit within the viewable browser area. Basically this keeps the entire image within view, even if it is too big for the screen.

Default: true
', @hoverbox, 70, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Background Color of HoverBox Contents?', 'HOVERBOX_BACKGROUND_COLOR', '#ffffff', 'This is the background color for the HoverBox itself. Where your product image resides when viewing a larger view.

Default: #ffffff
', @hoverbox, 80, NOW(), NOW(), NULL, NULL), (NULL, 'Enable Overlay?', 'HOVERBOX_OVERLAY_ENABLE', 'true', 'While viewing a product image, your store is overlayed with a background color (or image on the Mac, overlay.png). You can enable/disable this functionality if you so choose.

Default: true
', @hoverbox, 90, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Background Color of Page Overlay?', 'HOVERBOX_OVERLAY_BACKGROUND', '#000000', 'This is the background color for the overlay that covers your page while HoverBox is active, for compatibility purposes FireFox & Safari on the Mac use overlay.png located in your template images folder inside the hoverbox folder.

Default: #000000
', @hoverbox, 100, NOW(), NOW(), NULL, NULL), (NULL, 'Overlay Background Opacity?', 'HOVERBOX_OVERLAY_OPACITY', '0.85', 'The opacity of the overlay used while HoverBox is active. If the number is less than one, be sure to include the leading zeroes.
Default: 0.85
', @hoverbox, 110, NOW(), NOW(), NULL, NULL), (NULL, 'Padding for HoverBox Contents?', 'HOVERBOX_BORDER_SIZE', '10', 'The padding, or spacing of the inner-contents of HoverBox

Default: 10
', @hoverbox, 120, NOW(), NOW(), NULL, NULL), (NULL, 'Radius of Rounded Corners?', 'HOVERBOX_CORNER_RADIUS', '10', 'Without using images, HoverBox has the ability to have rounded corners. The higher the value, the more rounded the corners will render. Set to 0 for no rounded corners.

Default: 10
', @hoverbox, 130, NOW(), NOW(), NULL, NULL), (NULL, 'HoverBox Close Button Opacity - Normal?', 'HOVERBOX_CLOSE_NORMAL', '0.65', 'The initial opacity of the close button used by HoverBox.

Default: 0.65
', @hoverbox, 140, NOW(), NOW(), NULL, NULL), (NULL, 'HoverBox Close Button Opacity - Hover?', 'HOVERBOX_CLOSE_HOVER', '1', 'The opacity of the close button used by HoverBox during mouseover.

Default: 1
', @hoverbox, 150, NOW(), NOW(), NULL, NULL), (NULL, 'Additional Images - End-to-Beginning?', 'HOVERBOX_END_BEG', 'false', 'Allow customers to loop to the beginning of the images from the last image. This does not pertain to the autoplay function.

Default: false
', @hoverbox, 160, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Enable Slideshow Feature?', 'HOVERBOX_SHOW_SLIDE', 'true', 'If you have additional product images or other views of your product, this option enables/disables the slideshow functionality.

Default: true
', @hoverbox, 170, NOW(), NOW(), NULL, 'zen_cfg_select_option( array(''true'', ''false''), '), (NULL, 'Slideshow Interval (seconds)?', 'HOVERBOX_SLIDE_DELAY', '5', 'The time, in seconds, to display each image in the slideshow.

Default: 5
', @hoverbox, 180, NOW(), NOW(), NULL, NULL), (NULL, 'Additional Image Text - Image 1 of 10?', 'HOVERBOX_IMG_NUMBER', 'Image #{position} of #{total}', 'Sets the "Image 1 of 2" text when there is more than one image.

The text is replaced with a regular expression: #{position} is the number of the current image, #{total} is the total number of images.

Examples:
Image #{position} of #{total} - default English
Image #{position} (of #{total}) - English variation
Imagen #{position} de #{total} - Espanol
Immagine #{position} di #{total} - Italian
Bild #{position} von #{total} - German
Image #{position} de #{total} - French
イメージ #{position} の #{total} - Japanese

Default: Image #{position} of #{total}
', @hoverbox, 190, NOW(), NOW(), NULL, NULL);

2. I am new to Zen + reading the ReadMe was a bit confusing. Can you please clearly explain on how to install this mode? On which destination are the folders to be copied to.

3. **My site**

Hope u can help ASAP.

THANKS..

Hello,

Everything is working well for me for Hoverbox but I was wondering if there was a way to have the images as direct http links instead of just image/bla.jpg links. I have another website that is managing all of our products and images and I would like to link to that website for the pictures.

EX:

http://www.backofficesite.com/product/product_pictures/12345.jpg

but when I update any of the products it automatically puts it as

images/products/12345.jpg

and if I put an http in there it puts it like this:

images/products/http://www.backofficesite.com/product/product_pictures/12345.jpg

I cant figure out where to change it so that I can include it as its own http://

Thanks.
Tony

I have slimbox installed atm, i upgraded promptly from lightbox because i heard complaints that it... 'wasnt working'... when this was in reality because the 60k jscript file hadnt loaded yet... slimbox fixed this problem. i was curious about hoverbox, because i never settle and im always up for something better... but i noticed the file sizes were pretty big... what is to keep me from running into the file size problems with this one? i know its built off of a different code base so i cant assume anything, but i dont want to go to the hassle of switching unless its REALLY worth it... earlier in the post someone asked what the differences were and you talked only about hoverbox vs lightbox, not hoverbox vs slimbox... any insight?

Namtaru:

I have slimbox installed atm, i upgraded promptly from lightbox because i heard complaints that it... 'wasnt working'... when this was in reality because the 60k jscript file hadnt loaded yet... slimbox fixed this problem. i was curious about hoverbox, because i never settle and im always up for something better... but i noticed the file sizes were pretty big... what is to keep me from running into the file size problems with this one? i know its built off of a different code base so i cant assume anything, but i dont want to go to the hassle of switching unless its REALLY worth it... earlier in the post someone asked what the differences were and you talked only about hoverbox vs lightbox, not hoverbox vs slimbox... any insight?

HoverBox waits for the page to load then displays appropriately, you won't have the issues associated with Lightbox. :lamo:

BUMP.......

Stamper:

Hoverbox 3 css file seems to be causing errors during validation. I get the following: ```html
324 * html #hoverbox Value Error : margin-top Lexical error at line 324, column 88. Encountered: "?" (63), after : "" ? document.documentElement.scrollTop : 0) + 'px');
325 margin-left Value Error : margin-top Parse Error margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
328 margin-left Value Error : margin-top Parse error - Unrecognized }
331 * html #overlay Value Error : height Lexical error at line 331, column 96. Encountered: "?" (63), after : "" ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px');
332 width Value Error : height Parse Error width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px');
333 width Value Error : height Parse error - Unrecognized }

All was working fine, until I installed zen lightbox. Now when you click larger image, it does nothing for a while, then the jpg opens up in a new window...??? I made a backup of my sql db before I installed zen lightbox. So I restored the db, and reinstalled hoverbox3, but it still isn't working.

You can see what is going on here:

http://www.canemasters.com/dojo-cane-p-295.html

Please help!

Thank you.

Okay, what I needed to do was to take out the \includes\templates*mytemplate*\jscript\lightbox*.js files. They were causing the problem some how.

Problem solved.

:clap:

hi all,

my HB3 isn't working.

please help..

my site

I'm having a major problem with hoverbox3 rc2.

Whenever I enable it, internet explorer acts like every one of my products lead to a "404 page not found". Firefox works just fine.

I've got hoverbox disabled now so internet exploder will load my products, but you can see the error I get when I validate the site with W3C. Please look at this thread:

http://www.zen-cart.com/forum/showthread.php?t=97801

When HB3 is disabled, the page validates fine.

I really want this to work. Please help.

Thank you.

Thank for your great sharing!
I have been installed a fresh HoverBox 3 but when I go to the ACP --> Configuration --> Hoverbox 3, I see nothing.
How can I enable it?
My site runs on PHP 5.2
thanks