Product Carousel Component on Storefront

[greggc]

Having a problem with the Product Carousel Component on the storefront page. Using select individual products. 5 items per page, full page at a time items per scroll. Sometimes when a product is added it does not show in the carousel. Any ideas?

[Rick Wilson]

Can you post a link?

[greggc]

Thanks for the quick response. Actually I am only testing this in a test store branch. https://www.horseandkennel.com/mm5/m...d372f714d49c09

[Brennan]

I'm seeing 5 products show up, do you have more than that and some are not displaying?

[greggc]

That is correct

[greggc]

Any word on this?

[Brennan]

Can you send in the details to our support team? We'll need to get access to your store to see if we can re-create what you are seeing.

[greggc]

On the way.

[greggc]

In case any one is following this, the response from support is;

It turns out this has been filed as a bug. Product carousels loading individual items will not load the individual item if its code is numeric. Until the fix is released, you should be able to assign products to a new/existing category and then load the products from the category instead of individually.

[lesliekirk]

In case any one is following this, the response from support is;

It turns out this has been filed as a bug. Product carousels loading individual items will not load the individual item if its code is numeric. Until the fix is released, you should be able to assign products to a new/existing category and then load the products from the category instead of individually.

Thanks for the heads-up. I had just started assigning individual products to a Product Carousel. Now to double check it.

[lesliekirk]

Question - can this carousel auto-slide?

[Nick]

Question - can this carousel auto-slide?

If you update the mmx-product-carousel JavaScript Resource file the carousel can be set to autoplay.

Navigate to the JavaScript Resources Section and select the mmx-product-carousel JavaScript Resource. Once selected choose the three dots more options icon then Edit Source. On line 13 you will see props['autoplay'].default = false;. Updating false to true will set the carousel to autoplay.

Note this will happen with ALL product carousels on the store.

Let me know if you have issues implementing.

[lesliekirk]

If you update the mmx-product-carousel JavaScript Resource file the carousel can be set to autoplay.

Navigate to the JavaScript Resources Section and select the mmx-product-carousel JavaScript Resource. Once selected choose the three dots more options icon then Edit Source. On line 13 you will see props['autoplay'].default = false;. Updating false to true will set the carousel to autoplay.

Note this will happen with ALL product carousels on the store.

Let me know if you have issues implementing.

Thanks Nick - I can see where it's going to need a bit more than just than setting the autoplay to "true". With that said, it might be a nice feature to build in - the ability to autoplay (and loop), set the speed and probably a couple other features basic carrousels have.

[Bruce - PhosphorMedia]

If you update the mmx-product-carousel JavaScript Resource file the carousel can be set to autoplay.

Navigate to the JavaScript Resources Section and select the mmx-product-carousel JavaScript Resource. Once selected choose the three dots more options icon then Edit Source. On line 13 you will see props['autoplay'].default = false;. Updating false to true will set the carousel to autoplay.

Note this will happen with ALL product carousels on the store.

Let me know if you have issues implementing.

Nick, Perhaps something has changed, but when i go to:

Navigate to the JavaScript Resources Section and select the mmx-product-carousel JavaScript Resource. Once selected choose the three dots more options icon then Edit Source. On line 13 you will see props['autoplay'].default = false;.

There is no option to edit the source code.

[lesliekirk]

Nick, Perhaps something has changed, but when i go to:

Navigate to the JavaScript Resources Section and select the mmx-product-carousel JavaScript Resource. Once selected choose the three dots more options icon then Edit Source. On line 13 you will see props['autoplay'].default = false;.

There is no option to edit the source code.

I think that is by design - instead, you will need to build a whole new component. Then you could set the autoplay to "true".