Image Roundabout?

[Matt Zimmermann]

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.

[eldon99]

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).

[Matt Zimmermann]

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?

[kitdang]

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?

[lesliekirk]

Hi Leslie,

Here's a solution https://github.com/mivaecommerce/rea...dows/issues/38

Woohoo! Thanks!

[Matt Zimmermann]

Hi Leslie,

Here's a solution https://github.com/mivaecommerce/rea...dows/issues/38

[lesliekirk]

Tom at support changed the dev site to unlimited and this is what I see.

[Matt Zimmermann]

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]

Hi Leslie,

Interesting find. I will check into the code and see why 12 might be a magic number.

[lesliekirk]

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.

[Matt Zimmermann]

Hi Leslie,

I would recommend contacting Professional Services or Support so they can have administration access and check over all the code and settings.

[lesliekirk]

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.

[Matt Zimmermann]

Hi Leslie,

Out of curiosity, what happens if you either change the Number of Products Shown to 20 or have no limit?

[lesliekirk]

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

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

[Matt Zimmermann]

Hi Leslie,

Can you post the code you are using for the carousel section? When you say it is a fresh installation, are you using v1.0.3 from the Apps site?