Embedded slide shows?

Highlighted
Shopify Partner
72 0 0

Hello,

I'm looking for a simple embedded slide show to be used on a homepage for my Shopify store - something that allows me load up, say, 3 graphics - as these rotate, each would link to a different URL.

Any leads would be appreciated!

Many thanks,

Simon

0 Likes
Highlighted
Excursionist
293 0 8

I would use something like jQuery scrollable http://flowplayer.org/tools/scrollable.html.

Stuart Whitman http://stuartwhitman.co.uk + http://wiki.shopify.com/Stuart_Whitman + http://twitter.com/stuartwhitman + http://hookedonshopify.com
0 Likes
Highlighted
Shopify Partner
72 0 0

Thanks Stuart - I'll take a look at that.

0 Likes
Highlighted
Shopify Staff
Shopify Staff
5704 1 314

Simon,

It's become a trend to use jQuery UI for this. You will see many websites that use the tab component of jQuery UI to build their slider. Here's one Shopify store that uses jQuery UI: www.nest-living.com

The code used here that brings the home slider to life is:

jQuery('#homepage_slider > ul').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 12000);

The rotation they use is a bit slow (12 seconds interval) I find. Notice the buttons: these buttons act like 'tabs'. You would not think that a tab component would come up with something like this :)

 

Caroline from http://11heavens.com ∴ mllegeorgesand AT gmail DOT com
0 Likes
Highlighted
Shopify Partner
1221 5 79
0 Likes
Highlighted
Shopify Staff (Retired)
Shopify Staff (Retired)
5711 0 139

Heh! Saw that one a few days ago. That is simply bad a$$ isn't it? Can't believe it's free.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
Highlighted
Shopify Partner
1221 5 79

Yeah, it is Flash 'n all, but it sure looks purdy...

www.bookthatapp.com
0 Likes
Highlighted
Shopify Staff
Shopify Staff
5704 1 314

I looked at the cu3er doc and it does not seem like you can make a particular slide point to an URL. This is something important for a shop. A particular slide may show information about a product, promotion or collection... if you can't click the slide to go to the product page, promo page or collection page, that's a limitation. But boy does that look good! A friend of mine is well-acquainted with the Flash 3d library PaperVision. cu3er uses that lib. PaperVision, he told me, makes 3d real easy in Flash.

 

Caroline from http://11heavens.com ∴ mllegeorgesand AT gmail DOT com
0 Likes
Highlighted
Shopify Staff
Shopify Staff
5704 1 314

Pardon me, you can totally make a slide point to a page: http://www.progressivered.com/cu3er/docs/slides.html

Very nice! :)

Caroline from http://11heavens.com ∴ mllegeorgesand AT gmail DOT com
0 Likes
Highlighted
New Member
25 0 0

hi caroline,

i wanted to respond to your above post:

It's become a trend to use jQuery UI for this. You will see many websites that use the tab component of jQuery UI to build their slider. Here's one Shopify store that uses jQuery UI: www.nest-living.com

* If I wanted to try that slide show on my homepage, would I need to download the jQuery UI and install into the Shopify site?  And then paste your code you wrote into the index page?

Thank you for any info

 

0 Likes