Announcement

Collapse
No announcement yet.

Is it Possible to Replace the Hero image with a Slider on the Base ReadyTheme?

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

    Is it Possible to Replace the Hero image with a Slider on the Base ReadyTheme?

    My website is using the Base ReadyTheme, and I am wondering if it is possible to replace the Hero Image on the storefront with a Slider? I've seen a few other discussion posts on here about creating sliders with other ReadyThemes, but I am having trouble doing the same with the Base ReadyTheme. I am very new to Miva Merchant and coding, so I apologize for any ignorance in this area. Any help is appreciated!

    #2
    Bootstrap itself does ship with code to create a carousel/slider of images [ https://getbootstrap.com/docs/3.3/javascript/#carousel ]. You would need to create the HTML structure and add in images, usually through ReadyTheme images.
    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
      Okay, so would I have to drop that code you linked into the "Header & Footer" section of my storefront? Or would I upload that to my Javascript Resources and then write some HTML in the "Header & Footer" section to call it? How would I go about creating that HTML structure? Might you be able to point me somewhere that explains doing that?

      Thanks, Matt!

      Comment


        #4
        The JavaScript should already be included in the default Bootstrap files. You would need to copy the HTML from the example, paste it where you would like the carousel display, and add in your images. You may need to add some more classes or styling to have the carousel match your site design.
        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

        Working...
        X