Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Listing Product Quick View Feature

Product Listing Product Quick View Feature

Views: 8,937

Results 1 to 20 of 45
19 Oct 2011, 7:24 PM
#1
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Product Listing Product Quick View Feature

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?

19 Oct 2011, 7:31 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product Listing Product Quick View Feature

We'd have to know what you mean by 'Quick View'.

19 Oct 2011, 7:56 PM
#3
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

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

23 Oct 2011, 11:26 AM
#4
lindasdd avatar

lindasdd

Zen Follower

Join Date:
Jun 2007
Posts:
474
Plugin Contributions:
0

Re: Product Listing Product Quick View Feature

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

23 Oct 2011, 6:51 PM
#5
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

Actually I am doing it myself, I have accomplished the majority of it but have a few things to finish.

24 Oct 2011, 12:30 AM
#6
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

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!

24 Oct 2011, 12:39 AM
#7
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

IE Sucks, have some minor changes to make their!

24 Oct 2011, 1:28 AM
#8
lindasdd avatar

lindasdd

Zen Follower

Join Date:
Jun 2007
Posts:
474
Plugin Contributions:
0

Re: Product Listing Product Quick View Feature

Looking pretty interesting.

24 Oct 2011, 12:59 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product Listing Product Quick View Feature

Very nice, getting attributes and all on demand in the listing page!

24 Oct 2011, 1:29 PM
#10
sethf avatar

sethf

Zen Follower

Join Date:
Sep 2011
Posts:
228
Plugin Contributions:
0

Re: Product Listing Product Quick View Feature

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!

Would be great if you could share this when it's done.
I would definitely add it to my site - great feature.

24 Oct 2011, 6:47 PM
#11
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Product Listing Product Quick View 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!

24 Oct 2011, 7:24 PM
#12
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

gjh42:

Very nice, getting attributes and all on demand in the listing page!

Always good to hear that from the master!

SethF****:

**
**Would be great if you could share this when it's done.
I would definitely add it to my site - great feature.

Still a long way away from offering as an add-on.

RescoCCC****:


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!

html descriptions will be the easy fix, I am confident changing to div's will fix 75% of the layout issues in IE.

Thank you everyone for you input and I will keep everyone updated with my progress.

24 Oct 2011, 8:10 PM
#13
fullcontactdesigns avatar

fullcontactdesigns

New Zenner

Join Date:
Oct 2011
Posts:
12
Plugin Contributions:
0

Re: Product Listing Product Quick View Feature

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.

24 Oct 2011, 8:25 PM
#14
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

Very Cool, seems we were thinking the same thing!

Do you have a URL so we can see it in action?

25 Oct 2011, 12:57 PM
#15
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

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!
26 Oct 2011, 5:59 AM
#16
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

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

27 Oct 2011, 7:17 AM
#17
fullcontactdesigns avatar

fullcontactdesigns

New Zenner

Join Date:
Oct 2011
Posts:
12
Plugin Contributions:
0

Re: Product Listing Product Quick View Feature

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/b69la.com/index.php?main_page=index&cPath=1_4

27 Oct 2011, 2:17 PM
#18
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

Looking good! I use the same lightbox in my header for the lightbox login!

29 Oct 2011, 6:19 AM
#19
fullcontactdesigns avatar

fullcontactdesigns

New Zenner

Join Date:
Oct 2011
Posts:
12
Plugin Contributions:
0

Re: Product Listing Product Quick View Feature

rbarbour:

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

so... explain again what you mean with the additional images? Just display them? or how do you want that to function?

29 Oct 2011, 7:06 PM
#20
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Product Listing Product Quick View Feature

I am almost done, had other jobs todo. Will post whaen finished.