Announcement

Collapse
No announcement yet.

Image Roundabout?

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

    #31
    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


      #32
      Hi Leslie,

      Out of curiosity, what happens if you either change the Number of Products Shown to 20 or have no limit?
      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


        #33
        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


          #34
          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

          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


            #35
            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


              #36
              Hi Leslie,

              Interesting find. I will check into the code and see why 12 might be a magic number.
              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


                #37
                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

                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


                  #38
                  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


                    #39
                    Hi Leslie,

                    Here's a solution https://github.com/mivaecommerce/rea...dows/issues/38
                    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


                      #40
                      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


                        #41
                        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


                          #42
                          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

                          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


                            #43
                            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


                              #44
                              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

                              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