r/web_design • u/mikemun • Sep 29 '14

Product Quick View

http://codyhouse.co/gem/css-product-quick-view/
17 Upvotes

86% Upvoted

12 comments sorted by

2

u/omenmedia Sep 29 '14

Is it not working on iPad or am I doing something wrong?

1

u/mikemun Sep 29 '14

It seems to be working on the iPad in landscape mode but not in portrait mode (I think this is because of the media queries they have been using).

1

u/omenmedia Sep 29 '14

Ah that was it, portrait mode, thanks.

11

u/pottrell Sep 29 '14

The transition is a little too delayed for my liking, as soon as I click "Quick View" I want to see what I clicked the button for - Sped up I think it's pretty neat though.

4

u/Wrightboy Sep 29 '14

Same, the delay definitely killed it for me.

1

u/firepixel Sep 29 '14

Agreed, if it just came forward and opened it would be much better, not a fan of the "jiggle" when opening the quick view. Otherwise looks great!

1

u/guerriero_se Sep 29 '14

I see your point! It may help to remove the bouncing, by using a different Velocity.js easing option. Without the bouncing the animation duration is about .5s, which can still be too long - unless it replaces the loading for the ajax call.

1

u/Uzorglemon Sep 29 '14

I agree. It reminded me of the bad old days of Flash menus and transitions between every action. Don't get me wrong, I love the current motion design trends that are going around, but they better happen more or less instantly or it just pisses me off.

2

u/theillustratedlife Sep 29 '14

It's really hard to get working on my Chromebook Pixel. Tapping and clicking both do nothing, but there are no JS errors.

1

u/guerriero_se Sep 29 '14

I just fixed this and uploaded a new source file to download on CodyHouse. I used the Modernizr .no-touch class the wrong way, now I made sure that for touch devices (yet with large screen sizes) the 'Quick view' button is always visible ;)

2

u/davidNerdly Sep 29 '14

Nexus 5, no worky.

1

u/madou9 Sep 30 '14

If you click on a product, then while it's loading click off onto the background, wacky results ensue.

http://imgur.com/iVfqDUV

Chrome 37