I am looking to add a Quick View Feature to my product listing page.
Has anyone attempted this?
Anyone have a suggestive direction for adding this to the Product Listing Page?
Anyone have interest in this feature?
Printable View
I am looking to add a Quick View Feature to my product listing page.
Has anyone attempted this?
Anyone have a suggestive direction for adding this to the Product Listing Page?
Anyone have interest in this feature?
We'd have to know what you mean by 'Quick View'.
A "Quick View" of the product details
A popup with the full description, additional images, details, reviews, attributes, ect.
Allow browser to basically take a full look at the product without leaving product listing page.
Hope I explained it well enough.
One site I saw doing this is w a l m a r t . c o m
I think this one might require hiring someone to complete it. Let me know if you eventually want it that bad and I might help pitch in some funds to get it done.
-lindasdd
Actually I am doing it myself, I have accomplished the majority of it but have a few things to finish.
only tested in FF as of now.
I decided to go a different route, I did not go with a popup window but a popup div instead.
Still have some kinks to work out and also want to add additional images to the quick view.
You can view what I am trying to accomplish here.
Just hover over Quick View
Open to opinions and/or suggestions!
IE Sucks, have some minor changes to make their!
Looking pretty interesting.
Very nice, getting attributes and all on demand in the listing page!
Would be great if you could share this when it's done.Quote:
only tested in FF as of now.
I decided to go a different route, I did not go with a popup window but a popup div instead.
Still have some kinks to work out and also want to add additional images to the quick view.
You can view what I am trying to accomplish here.
Just hover over Quick View
Open to opinions and/or suggestions!
I would definitely add it to my site - great feature.
For your items with plain text descriptions, it appears to be working perfectly in Chrome and Firefox. For items using html in the desciption it produces the coding. As you already noted, it is hinky in IE8.
Super cool!
Always good to hear that from the master!Quote:
Originally Posted by gjh42
Still a long way away from offering as an add-on.Quote:
Originally Posted by SethF[B
html descriptions will be the easy fix, I am confident changing to div's will fix 75% of the layout issues in IE.Quote:
Originally Posted by RescoCCC[B
Thank you everyone for you input and I will keep everyone updated with my progress.
I've also started this mod but with the use of fancybox. Seems to be working in all modern browsers and degrades nicely. See the other quick view thread.
Very Cool, seems we were thinking the same thing!
Do you have a URL so we can see it in action?
UPDATE
The Quick View Feature now displays correctly in FF, Chrome & IE8
TODO
- Fix HTML Descriptions
- Clean up display of Quick View div
- Additional Product Images
- Admin on/off switch for Name, Description, Image, Reviews, ect.
WISHLIST
An endless amount of time!
UPDATE
- Fix HTML Descriptions (DONE)
- Clean up display of Quick View div(DONE)
- Admin on/off switch for Attributes, Product URL & Ratings(DONE)
Adding the Products Additional Images is going to take allot of nifty coding (I will see what I can do tho)
See it in ACTION
Here's what I've done so far... haven't got it to work in IE8 yet. just tested it tonight and it didnt work. It degraded to not showing anything. I also made some other changes to my css and messed up a lot so dont mind the mess. but Check it out...
http://www.fullcontactdesigns.com/b6...ndex&cPath=1_4
Looking good! I use the same lightbox in my header for the lightbox login!
so... explain again what you mean with the additional images? Just display them? or how do you want that to function?Quote:
Originally Posted by rbarbour
I am almost done, had other jobs todo. Will post whaen finished.
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.
Did you manage to get this to work?Quote:
Originally Posted by novastar
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?
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?Quote:
Originally Posted by rbarbour
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.
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.Quote:
Originally Posted by novastar
Still tweaking the layout :-)Quote:
Originally Posted by novastar
LightAlert is just a simple script to put all header MessageStack alerts in a lightbox.
got you, is that in the add ons section?Quote:
Originally Posted by rbarbour
No, something I put together reading the forums and implementing some custom code.Quote:
Originally Posted by novastar
Hey check it out I made a little bit of progress.
still only seeing the overlay in FF.Quote:
Originally Posted by novastar
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?
I have not, between X-Mas and clients, I have been busy on projects. I will try to play with it in the next few days.Quote:
Originally Posted by novastar
Hey been busy for a while, what's the status on this module? And did you ever work it out with facebox, I came close but I cant see what I and fullcontact are doing differently.
fullcontact uses fancybox.
After playing with facebox, I got it to work. However there was conflict if the mod zen lightbox was installed.
I have decided to stay with fancybox - I have this fully functioning now.
I have also added the Quick View feature to the all, new, specials & featured centerboxes, the new, specials and featured sideboxes, the all, new, specials & featured product pages as well as the also purchased products on product_info page.
I will keep everyone up-to-date as to packaging it. Unfortunately paid clients take precedence.
yes, this very good. i like it so much.Quote:
Originally Posted by rbarbour
Thank you,
I have several plugins lingering release, I do move those that people show interest in up in the list but time for my free contributions has become really limited. Packaging them is easy but finding time to document them is where time falls short. I will do my best to get this released unless someone beats me to it.
Quote:
Originally Posted by jim9