Colossus Hero Roundabout

[lesliekirk]

Am I overlooking any sort of how-to for configuring a Storefront Hero Roundabout (Carousel)? I see a CSS file x-roundabout but I'm not finding any file called "extensions" like the one in Elements. I was thinking that Colossus was built from the Elements framework so that these items could be "plugged in".

[Matt Zimmermann]

Hi Leslie,

The Roundabout resources are included in Colossus, however they are not currently in use. You would need to add a call to your theme.js file to initiate the code if you want to use it. Colossus does include the Slick carousel plugin which has been used in past ReadyThemes.

[lesliekirk]

Hi Leslie,

The Roundabout resources are included in Colossus, however they are not currently in use. You would need to add a call to your theme.js file to initiate the code if you want to use it. Colossus does include the Slick carousel plugin which has been used in past ReadyThemes.

So the instructions for the Element plugin cannot be used? Is this included in the Colossus documentation?

[Matt Zimmermann]

I have not tested adding a hero slider, but I see no reason why the default instructions wouldn't work.

[lesliekirk]

I have not tested adding a hero slider, but I see no reason why the default instructions wouldn't work.

I can't find the file called "extensions" to make the first edit outlined in the Elements (if that is what you mean by default) instructions.

[Matt Zimmermann]

Hi Leslie,

Line 7 would not need to be performed as 'x-roundabout' is already included in the 'stylesheet' combined resource. You would still need to add the call to your theme.js file.

[lesliekirk]

Hi Leslie,

Line 7 would not need to be performed as 'x-roundabout' is already included in the 'stylesheet' combined resource. You would still need to add the call to your theme.js file.

Good to know - will this little tidbit be added to the Colossus docs?

[Matt Zimmermann]

Hi Leslie,

The core documentation will be altered, so nothing will need to be added to Colossus.

[lesliekirk]

Thanks! As soon as Miva Support figures out why this particular site keeps throwing this error

Miva Merchant returned an invalid response.
Function: PageList_Load_Query
Response:

I'll get back in there and give that a shot.

[lesliekirk]

I have the carousel / roundabout running. Now how do I slow it down? I found the load delay

carouselDelay: 5000,

What would be the line I need to adjust the carousel speed?

[Matt Zimmermann]

Hi Leslie,

Correct, you would pass that option in your initialization string like this:

$.loadScript(theme_path + 'extensions/carousel/roundabout.js', function () {
    $.hook('hero-carousel').roundabout({
        autoStart: true,
        carouselDelay: 10000
    });
});

[lesliekirk]

Doesn't the carouselDelay delay the time before the carousel starts to rotate? I need to slow down the time between slides. It's currently going through the slides too fast.

[Matt Zimmermann]

The carouselDelay option will set the delay between slide display for automatic cycling. The default is 5000ms or 5 seconds.

[lesliekirk]

The carouselDelay option will set the delay between slide display for automatic cycling. The default is 5000ms or 5 seconds.

LOL - had that puppy set at 3000 - no wonder it was flying by

[ids]

Still there, Appears this documentation update hasn't been done yet?

6. Navigate to User Interface -> CSS Resources
7. Edit extensions and add @import "carousel/roundabout.css"; to the bottom of the import list.

Scott