Announcement

Collapse
No announcement yet.

Colossus Hero Roundabout

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Colossus Hero Roundabout

    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".

    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    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.
    Matt Zimmermann
    Front-End Development Director / Miva, Inc.

    Comment


      #3
      Originally posted by Matt Zimmermann View Post
      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?
      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment


        #4
        I have not tested adding a hero slider, but I see no reason why the default instructions wouldn't work.
        Matt Zimmermann
        Front-End Development Director / Miva, Inc.

        Comment


          #5
          Originally posted by Matt Zimmermann View Post
          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.
          Leslie Kirk
          Miva Certified Developer
          Miva Merchant Specialist since 1997
          Previously of Webs Your Way
          (aka Leslie Nord leslienord)

          Email me: [email protected]
          www.lesliekirk.com

          Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

          Comment


            #6
            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.
            Matt Zimmermann
            Front-End Development Director / Miva, Inc.

            Comment


              #7
              Originally posted by Matt Zimmermann View Post
              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?
              Leslie Kirk
              Miva Certified Developer
              Miva Merchant Specialist since 1997
              Previously of Webs Your Way
              (aka Leslie Nord leslienord)

              Email me: [email protected]
              www.lesliekirk.com

              Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

              Comment


                #8
                Hi Leslie,

                The core documentation will be altered, so nothing will need to be added to Colossus.
                Matt Zimmermann
                Front-End Development Director / Miva, Inc.

                Comment


                  #9
                  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.
                  Leslie Kirk
                  Miva Certified Developer
                  Miva Merchant Specialist since 1997
                  Previously of Webs Your Way
                  (aka Leslie Nord leslienord)

                  Email me: [email protected]
                  www.lesliekirk.com

                  Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                  Comment


                    #10
                    I have the carousel / roundabout running. Now how do I slow it down? I found the load delay
                    Code:
                    carouselDelay: 5000,
                    What would be the line I need to adjust the carousel speed?
                    Leslie Kirk
                    Miva Certified Developer
                    Miva Merchant Specialist since 1997
                    Previously of Webs Your Way
                    (aka Leslie Nord leslienord)

                    Email me: [email protected]
                    www.lesliekirk.com

                    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                    Comment


                      #11
                      Hi Leslie,

                      Correct, you would pass that option in your initialization string like this:
                      Code:
                      $.loadScript(theme_path + 'extensions/carousel/roundabout.js', function () {
                          $.hook('hero-carousel').roundabout({
                              autoStart: true,
                              carouselDelay: 10000
                          });
                      });
                      Matt Zimmermann
                      Front-End Development Director / Miva, Inc.

                      Comment


                        #12
                        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.
                        Leslie Kirk
                        Miva Certified Developer
                        Miva Merchant Specialist since 1997
                        Previously of Webs Your Way
                        (aka Leslie Nord leslienord)

                        Email me: [email protected]
                        www.lesliekirk.com

                        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                        Comment


                          #13
                          The carouselDelay option will set the delay between slide display for automatic cycling. The default is 5000ms or 5 seconds.
                          Matt Zimmermann
                          Front-End Development Director / Miva, Inc.

                          Comment


                            #14
                            Originally posted by Matt Zimmermann View Post
                            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
                            Leslie Kirk
                            Miva Certified Developer
                            Miva Merchant Specialist since 1997
                            Previously of Webs Your Way
                            (aka Leslie Nord leslienord)

                            Email me: [email protected]
                            www.lesliekirk.com

                            Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                            Comment


                              #15
                              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
                              ​​​​​​​
                              What help do you need today!
                              Interactive Design Solutions http://www.southbound.com
                              MivaMerchant Business Partner | Certified MivaMerchant Web Developer
                              My T-shirt Collection is mostly MivaCon T-shirts!!
                              Competitive Rates, Popular Modules, and Integrations:
                              Product Copy | AutoBaskets | Waitlist Integration| Wholesale Integration

                              Comment

                              Working...
                              X