Product Listing Product Quick View Feature

I have successfully pulled the additional images in the product listing page! Just making some final adjustments with those images like hover/swap

O.K.

Just to recapitulate, The **Product Listing Product Quick View Feature.

IS: **a popup div on the product listing page compact with all the products need to knows, like:

Name, Description, Image, Additional Images, Attributes, URL, Price, Add to Cart (price), Add to Cart (attributes) & even Product Rating!

It is complete. (I think)

Please check it out and tell me what you think? Am I missing a need to know? Displays weird in "this" browser? Is not functioning in "this" browser?

All input would be greatly appreciated!

Checked in IE8, Chrome, and Firefox. Working perfectly in all three.

Very Cool! Thank you for verifying.

I am going to try and package it up to install on basic zen now!

How's your progress on packing this up? It looks great.

-lindasdd

Not to be pest but I wanted to know if this had been packaged yet. Perhaps I simply couldn't find it. Is it available?

Offering this as a free software add-on at this time would be unjust to the vast majority of the zen community.

It requires several other addons to achieve the same outcome shown on my website.

It also requires reinventing the zen additional image structure which may cause other addons to be unusable (not tested with other additional image addons already offered except zen lightbox and IH3)

fullcontactdesigns has a solution which would be more suitable for the vast majority. I have tested this and it works (to an extent), ajax will be required to add product without redirection to shopping cart in light-box window but all-in-all I would continue to follow that thread.

When and if I find the time to further investigate and work on making my solution compatible with the vast majority I will re-post with updates.

No doubt if you really feel that way.

The FREE add-ons section is just that, you could release it with a clear disclaimer, may be update it in the future. Just my soapbox.

Could you/anyone help me with one thing though, and that's how to get the div to pop up when the link is clicked. Currently I'm using facebox and when the link is click the overlay (transparent background) appears and nothing on the page is click-able but the div that I'm requesting does not pop-up. This is not an ajax issue because the div I'm calling is already defined on the page. Any help on this issue please. Thanks.

novastar:

Could you/anyone help me with one thing though, and that's how to get the div to pop up when the link is clicked.

Did you manage to get this to work?

And on another note I played around with fullcontactdesigns code a little and the results are:

It will work for the vast majority of zenners - does require altering a few files, I am pretty sure the only 2 things I have left is:

Adding a new messagestack alert so visitors know a product was added to cart. No sure but I think because I have disabled the page header, the messageStack lightAlert appears on main page and not in fancybox - will test on a site without the messageStack lightAlert.

Updating header cart contents to reflect added product without reloading entire page - this should be the easy one. Will also have to test on a site that uses a shopping cart sidebox.

Still have a few layout issues to fix and only tested in FF as of now.

You can see it in action here.

Open to suggestions, opinions and comments?

rbarbour:

Did you manage to get this to work?

I did not, I looked at it a little bit more but I'm getting the same results. I thought it might have been something in the style sheets but I can't say at this point. Are you using facebox or fancybox?

Btw what you've looks good (minus the scroll bars). I don't know if I have a light alert but I could test what you've got.

novastar:

I did not, I looked at it a little bit more but I'm getting the same results. I thought it might have been something in the style sheets but I can't say at this point. Are you using facebox or fancybox?

I am using fancybox - wouldn't be in your stylesheet, more than likely the js files are not being loaded but without seeing it live it will be hard to troubleshoot.

novastar:

Btw what you've looks good (minus the scroll bars). I don't know if I have a light alert but I could test what you've got.

Still tweaking the layout :-)

LightAlert is just a simple script to put all header MessageStack alerts in a lightbox.

rbarbour:

LightAlert is just a simple script to put all header MessageStack alerts in a lightbox.

got you, is that in the add ons section?

novastar:

got you, is that in the add ons section?

No, something I put together reading the forums and implementing some custom code.

Hey check it out I made a little bit of progress.

novastar:

Hey check it out I made a little bit of progress.

still only seeing the overlay in FF.

How about now?

So in order to make this available to the vast majority of zenners, I took bits and pieces of fullcontactdesigns code, my own code and now have the quick view feature working correctly within the Fancybox lightbox.

See it in action here.

Hardest part was being able to add a product to cart without getting redirected to shopping cart or product info page depending on ADMIN > MY STORE > DISPLAY CART AFTER ADDING PRODUCT settings.

Second hardest part was updating the shopping cart contents in header using the Shopping Cart Totals In Header mod without reloading page. (Still tweaking this one, It works but I am sure their is a better way) - Open to suggestions!

With an additional tab script I was able to clean up the Quick View layout within the Fancybox - (I am confident that TPP will also work here)

The Quick View feature requires the creation of a separate product_info page - I am also pretty sure if it is on your original product_info page it can be pulled into the Quick View feature.

Also open to any suggestions on a less involved lightbox - I am testing novastar's suggestion of using facebox.

Hey, left you a message. Mod looks good, did you take a look at facebox?