Image Roundabout?

[Matt Zimmermann]

Hi Leslie,

Are all of the products you have assigned active products?

[lesliekirk]

Hi Leslie,

Are all of the products you have assigned active products?

Yes, there are 7 active products assigned. The roundabout is displaying just one at a time. You can click through all 7 of them, just one at a time. It looks like the x-carousel__item is displaying at 100% of the roundabout's width.

This is the same site, that I sent you the protected directory info for.

[lesliekirk]

It looks like the javascript might be adding a <figure> around the <div> that has the column width being set

<figure class="x-carousel__item" style="order: X;"> (it's inserting the order: X; as needed)

I think it's this <figure> tag that is "breaking" the layout.

[lesliekirk]

I've been looking at the Related Products carousel and the SFNT roundabout. The Related Products carousel wraps the <figure> around the number of products to be displayed. The SFNT roundabout is adding that <figure> around every product - it doesn't seem to be obeying the "groupWide" for the "groupWrapper". The question is, how do I fix this?

[Matt Zimmermann]

Hi Leslie,

When grouping is set to false, Roundabout will wrap each element in groupWrapper and apply the groupClass.

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

[lesliekirk]

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.

[slabar]

No matter what I do, I can only get the carousel to show two of the 12 images at a time. Screen size is HD 1920 and according to the arrows there is plenty of room for four images across. What am I doing wrong here?

http://dev.themartialartsstore.com

[Matt Zimmermann]

Hi Stephen,

It would appear that your base roundabout.js file has been modified so it will only group two items at medium and larger breakpoints. You can change this through your initialization string:

$.loadScript(theme_path + 'extensions/carousel/roundabout.js', function () {
    $.hook('product-carousel').roundabout({
        autoStart: true,
        group: true,
        groupTiny: 2,
        groupSmall: 2,
        groupMedium: 4,
        groupLarge: 4,
        groupWide: 4
    });
});

[slabar]

Matt,

Thank you sir. I wonder how that happened as that file has not been modified at all.

[slabar]

Hi Stephen,

It would appear that your base roundabout.js file has been modified so it will only group two items at medium and larger breakpoints. You can change this through your initialization string:

$.loadScript(theme_path + 'extensions/carousel/roundabout.js', function () {
$.hook('product-carousel').roundabout({
autoStart: true,
group: true,
groupTiny: 2,
groupSmall: 2,
groupMedium: 4,
groupLarge: 4,
groupWide: 4
});
});

Matt,

I just figured out who modified it sir. Juan did while working on some things for me. I'll e-mail him.

[lesliekirk]

I have another one that is misbehaving. This site is a fresh install. "Most" of the functionality is working except that it is not displaying the correct number of thumbnails. It should be 4 at a time. It starts off with just 1, then 2 at a time but it's still not displaying all of them. There are 23 products assigned to the category and I have made sure the "Number of Products:" has been set to 23 (to match the total number). I even went and compared everything to the one I got working with support's help. They appear to be the same. This one you can see here.

[Matt Zimmermann]

Hi Leslie,

That's odd. It seems to be fine in Chrome but not in Firefox.

[lesliekirk]

Hi Leslie,

That's odd. It seems to be fine in Chrome but not in Firefox.

Yeah, it works in Chrome on a Mac but not Firefox. Leave it to me to find the odd birds. Now to figure out the fix

[lesliekirk]

Yeah, it works in Chrome on a Mac but not Firefox. Leave it to me to find the odd birds. Now to figure out the fix

Does anyone have any suggestions?

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