Announcement

Collapse
No announcement yet.

Image Roundabout?

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

  • lickx
    started a topic Image Roundabout?

    Image Roundabout?

    In the Shadows ReadyThem, Is there something I need to do to activat the Roundabout
    Product / Image Carousel?


    Is there any instruction on this feature?

  • Matt Zimmermann
    replied
    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.

    Leave a comment:


  • eldon99
    replied
    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).

    Leave a comment:


  • Matt Zimmermann
    replied
    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?

    Leave a comment:


  • kitdang
    replied
    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?

    Leave a comment:


  • lesliekirk
    replied
    Originally posted by Matt Zimmermann View Post
    Woohoo! Thanks!

    Leave a comment:


  • Matt Zimmermann
    replied
    Hi Leslie,

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

    Leave a comment:


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

    Leave a comment:


  • Matt Zimmermann
    replied
    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

    Leave a comment:


  • Matt Zimmermann
    replied
    Hi Leslie,

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

    Leave a comment:


  • lesliekirk
    replied
    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.

    Leave a comment:


  • Matt Zimmermann
    replied
    Hi Leslie,

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

    Leave a comment:


  • lesliekirk
    replied
    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.

    Leave a comment:


  • Matt Zimmermann
    replied
    Hi Leslie,

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

    Leave a comment:


  • lesliekirk
    replied
    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>

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