Hero image slider

[jfazar]

Has anyone else developed a slider or carosuel for the homepage of the Suivant theme? Or perhaps something's been added to the theme itself over the past couple of years? Thanks.

[ronfinley]

Hi
I've downloaded "slidy" and about to attempt to copy it into the "hero" area in the code. Question: how do I access the code? It isn't in the storefront header, or any place else i can find.
Thanks, ronfinley

[t3media]

Re: Hero image slider

Thank you

[lesliekirk]

Re: Hero image slider

Sorry I do not have permissions to PM you. NO idea why. Can you email me? Do you mind?
I will wait for your response.

You were still in moderation status. I just approved your third post and you should be good now.

[t3media]

Re: Hero image slider

Sorry I do not have permissions to PM you. NO idea why. Can you email me? Do you mind?
I will wait for your response.

[Jim Cockerham]

Re: Hero image slider

Hi t3media - Can you PM me and I can help you out.

[t3media]

Re: Hero image slider

I'm sorry I don't to copy but I have to ask you a few questions just so I do not reinvent the wheel.

I see you have changed the color of the footer and your top menus have a gradient. I also see by the footer a nice gradient with coffee beans...

I would love you to direct me in the correct direction so I could do something similar. I know I asked alot in one shot
but you seem passionate about it and I am completely new but have some HTML understanding.

Thank you.

[Jim Cockerham]

Re: Hero image slider

Very Nice! Can you tell me how to use the mods from my live site in my dev site?

I'm not sure what you mean?

[Jim Cockerham]

Re: Hero image slider

Thanks Jim - I opted to just replace the sfnt_hero token with the image div. Guess we need to go over to the wish list forum and tell them to add something like this into the ReadyTheme functions - be able to load up some images, link them if we want to and then just place a token.

ps...you dev site is looking fantastic! Stay caffeinated my friend ;)

Thanks Leslie! Yea, that might be easier to just stick the image div in place of the sfnt_hero token .

[lesliekirk]

Re: Hero image slider

Thanks Jim - I opted to just replace the sfnt_hero token with the image div. Guess we need to go over to the wish list forum and tell them to add something like this into the ReadyTheme functions - be able to load up some images, link them if we want to and then just place a token.

ps...you dev site is looking fantastic! Stay caffeinated my friend ;)

[jankal7003]

Re: Hero image slider

Very Nice! Can you tell me how to use the mods from my live site in my dev site?

[jankal7003]

Re: Hero image slider

OK - I've got that more or less in place. Can you tell me what the dimensions of the hero image are?

[Jim Cockerham]

Re: Hero image slider

I finally found a fairly simple Slider solution for the Suivant theme using CSSSLIDY available here: https://github.com/dudleystorey/CSSslidy . Here is what it looks like on my site: http://dev.coffeehouseexpress.com/.

So basically what I did was create a new page and inserted only the CSSSLIDY code and then used the toolkit "render" function to replace the Ready Theme "sfnt_hero" item in the Global header with the page I had just created.

[lesliekirk]

Re: Hero image slider

You don't turn off the ReadyTheme function - you just don't use the token

<mvt:item name="readytheme" param="image( 'sfnt_hero' )" />

The code is the Global Header.

(I needed to update this, I had the wrong token/location)

[jankal7003]

Re: Hero image slider

How do you turn off the ReadyTheme function? Won't that affect the whole site? Would the code go in the content section of the home page?