Announcement
Collapse
No announcement yet.
Image Roundabout?
Collapse
X
-
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.
-
Originally posted by Matt Zimmermann View PostHi 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:
-
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:
-
Originally posted by lesliekirk View PostFollowing 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:
-
-
-
-
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:
-
Hi Leslie,
Interesting find. I will check into the code and see why 12 might be a magic number.
Leave a 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.
Leave a 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.
Leave a comment:
-
Originally posted by Matt Zimmermann View PostHi Leslie,
Out of curiosity, what happens if you either change the Number of Products Shown to 20 or have no limit?
Leave a comment:
-
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:
-
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:
-
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?
Leave a comment:
Leave a comment: