Announcement

Collapse
No announcement yet.

Getting Product Carousel to work

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

    Getting Product Carousel to work

    After a few years, we trying to update our website a bit. We have a featured products carousel on our front page. Using Levels theme.
    <mvt:item name="readytheme" param="productlisting( 'featured-products' )" />
    I put that same product code on the PROD page at the bottom, but it shows all the products assigned vertically.
    I've checked all the assigned items, and all the same ones are assigned as is on the SFNT page.
    What do I need to do to get the product carousel to work on other pages as well?
    I was going to try using FLEX components to try to make it work, but I'm told those will only work on Page Builder pages and not within other pages of Miva.
    Thank you for any guidance.

    #2
    Are there any console errors on the page?

    You may need to make sure that the jquery.slick.min.js file is assigned to the PROD page.

    There is also a function in the JavaScript that will trigger the carousel. You can find the function in the scripts.js file:

    Code:
     
    // ---- Product Carousel ---- //
    cornerstoneUX.sharedFunctions.productsCarousels('# js-whats-popular-carousel');
    If you add that under:

    Code:
    jsPROD: function () {
    It will trigger the carousel if the JavaScript file is assigned to the page.



    Nicholas Adkins
    Technical Training Specialist / Miva, Inc.
    [email protected]
    https://www.miva.com/mivalearn

    Comment


      #3
      Thank you. Will give that a try. I appreciate it.

      Comment

      Working...
      X