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

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    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

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        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

            Miva Web Developer
            Alchemy Web Development
            https://www.alchemywebdev.com
            Site Development - Maintenance - Consultation

            Miva Certified Developer
            Miva Professional Developer

            https://www.dev4web.net | Twitter

            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

                Miva Web Developer
                Alchemy Web Development
                https://www.alchemywebdev.com
                Site Development - Maintenance - Consultation

                Miva Certified Developer
                Miva Professional Developer

                https://www.dev4web.net | Twitter

                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

                      Miva Web Developer
                      Alchemy Web Development
                      https://www.alchemywebdev.com
                      Site Development - Maintenance - Consultation

                      Miva Certified Developer
                      Miva Professional Developer

                      https://www.dev4web.net | Twitter

                      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

                          Miva Web Developer
                          Alchemy Web Development
                          https://www.alchemywebdev.com
                          Site Development - Maintenance - Consultation

                          Miva Certified Developer
                          Miva Professional Developer

                          https://www.dev4web.net | Twitter

                          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
                              ​​​​​​​
                              Need to offer Shipping Insurance?
                              Interactive Design Solutions https://www.myids.net
                              MivaMerchant Business Partner | Certified MivaMerchant Web Developer
                              Competitive Rates, Custom Modules and Integrations, Store Integration
                              AutoBaskets|Advanced Waitlist Integration|Ask about Shipping Insurance Integration
                              My T-shirt Collection is mostly MivaCon T-shirts!!

                              Comment

                              Working...
                              X