Announcement

Collapse
No announcement yet.

Image Roundabout?

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

  • I'm not sure how to tell the version number. I didn't do the installation but it was installed on 8/30/2018

    Code:
    <section class="x-product-list x-product-list--carousel">
        <mvt:do name="l.result" file="g.Module_Library_DB" value="Category_Load_Code(l.settings:readytheme:productlisting:prod_cat, l.settings:product_list_category)" />
        <mvt:assign name="l.uri:store_id" value="g.Store:id" />
        <mvt:assign name="l.uri:screen" value="''" />
        <mvt:assign name="l.uri:page_id" value="0" />
        <mvt:assign name="l.uri:cat_id" value="l.settings:product_list_category:id" />
        <mvt:assign name="l.uri:product_id" value="0" />
        <mvt:do file="g.Module_Feature_URI_DB" name="l.have_uri" value="URI_Load_Item_Canonical(l.uri, l.settings:canonical_uri)" />
        <mvt:comment>
            The above code will load the category code used to pull the category name and then load the cannonical URI.
        </mvt:comment>
        <h4 class="c-heading-delta u-text-bold u-text-center u-text-uppercase x-product-list__heading">&mvt:product_list_category:name;</h4>
        <div class="x-carousel" data-hook="product-carousel">
            <button class="x-carousel__button u-icon-triangle-left" data-hook="carousel__button-previous"></button>
            <div class="x-carousel__container x-carousel--animate" data-hook="carousel__container">
                <mvt:foreach iterator="product" array="readytheme:products">
                    <div class="o-layout__item u-width-6 u-width-3--m u-text-center x-product-list__item">
                        <a class="u-block x-product-list__link" href="&mvte:product:link;" title="&mvte:product:name;">
                            <img class="x-product-list__image" src="&mvte:product:imagetypes:main;" alt="&mvte:product:name;">
                            <strong class="x-product-list__name">&mvte:product:name;</strong>
                            <mvt:if expr="l.settings:product:base_price GT l.settings:product:price">
                                <span class="x-product-list__price u-color-gray-30">Was: <s>&mvt:product:formatted_base_price;</s></span>
                                <span class="x-product-list__price u-text-bold u-color-red">Now: &mvt:product:formatted_price;</span>
                            <mvt:else>
                                <span class="x-product-list__price">&mvt:product:formatted_price;</span>
                            </mvt:if>
                        </a>
                    </div>
                </mvt:foreach>
            </div>
            <button class="x-carousel__button x-carousel__button-right u-icon-triangle-right" data-hook="carousel__button-next"></button>
        </div>
        <p class="o-layout__item u-width-12 u-text-center x-product-list__action">
            <a class="c-button c-button--huge u-bg-gray-50 u-color-white u-font-small u-text-bold u-text-uppercase" href="&mvt:canonical_uri:uri;">Shop All</a>
        </p>
    </section>
    <br>
    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


    • Hi Leslie,

      Out of curiosity, what happens if you either change the Number of Products Shown to 20 or have no limit?
      Matt Zimmermann
      Director of UI/UX Standards and Theme Development
      / Miva, Inc.

      Comment


      • Originally posted by Matt Zimmermann View Post
        Hi Leslie,

        Out of curiosity, what happens if you either change the Number of Products Shown to 20 or have no limit?
        Setting it to 20 displays 2 and 1/2 product thumbnails. "No limit" (I assume you mean no entry in the field) is worse.
        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


        • Hi Leslie,

          I would recommend contacting Professional Services or Support so they can have administration access and check over all the code and settings.
          Matt Zimmermann
          Director of UI/UX Standards and Theme Development
          / Miva, Inc.

          Comment


          • I have discovered something while testing. Firefox cannot handle more than 12 images in the Roundabout. I discovered the problem after support set up a dev site but not with the same number of products I have assigned to the Featured Products category. After I uploaded my products to the dev site, the roundabout went wonky again.

            My temporary fix is to set the number to be displayed to 12.
            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


            • Hi Leslie,

              Interesting find. I will check into the code and see why 12 might be a magic number.
              Matt Zimmermann
              Director of UI/UX Standards and Theme Development
              / Miva, Inc.

              Comment


              • Hi Leslie,

                I have looked over and tested the functionality, but have no answer to why you might be limited to 12 products without breaking the carousel. I have changed the display of the demonstration carousel to show 17 products without issue: https://elements.mivareadythemes.com...nstration.html
                Matt Zimmermann
                Director of UI/UX Standards and Theme Development
                / Miva, Inc.

                Comment


                • Tom at support changed the dev site to unlimited and this is what I see.
                  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


                  • Hi Leslie,

                    Here's a solution https://github.com/mivaecommerce/rea...dows/issues/38
                    Matt Zimmermann
                    Director of UI/UX Standards and Theme Development
                    / Miva, Inc.

                    Comment


                    • Originally posted by Matt Zimmermann View Post
                      Woohoo! Thanks!
                      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


                      • Originally posted by lesliekirk View Post
                        Following up on this - support put the setting back like I originally had them to group: true and now it magically works. I had changed it to group: false because nothing else was working. Very strange.

                        Lesliekirk,

                        I ran into the same issue. How do you go about getting this to work? I set mine the same as https://docs.miva.com/elements/exten...oduct-carousel

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

                        Do I need to make modification to the roundabout.js file?

                        Comment


                        • If you are using an older version of the ReadyTheme, did you perform the updates specified for the extension? Are you seeing any errors? Can you post a link to the site?
                          Matt Zimmermann
                          Director of UI/UX Standards and Theme Development
                          / Miva, Inc.

                          Comment


                          • Originally posted by Matt Zimmermann View Post
                            Hi Stephen,

                            At this time, I have not coded up this functionality. There will be an extension created for a future ReadyTheme which will be able to be added to a Shadows based site.

                            Is there any update on this functionality? I am working on a redo of our site using Shadows, and this is an important piece on the site (IMHO).

                            Comment


                            • That specific functionality has not been created yet. The next ReadyTheme, Colossus, will have the ability to scroll through product images when in a light-box, but not on the page like in Luxe. At this time, I do not have an ETA on when an extension matching the functionality on Luxe will be available.
                              Matt Zimmermann
                              Director of UI/UX Standards and Theme Development
                              / Miva, Inc.

                              Comment

                              Working...
                              X

                              This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                              This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                              Accept