Home page section showing double product carousel

Topic summary

A developer is redesigning jimshore.com using the Impulse theme and needs to replicate a homepage section that displays two product collection carousels side-by-side in a single row. The original site shows sliders for “Patriotic” and “Summer” collections simultaneously.

Proposed Solutions:

  • Custom coding using slider libraries (like Slick slider) with manual implementation of navigation controls
  • Creating wrapper divs for left/right navigation buttons with onclick events and opacity adjustments

Resolution:
Due to time constraints, the developer opted for a workaround rather than custom code. They stacked two separate Impulse Featured Collection sections vertically instead of placing them side-by-side. This solution is now live at the bottom of jimshore.com in the “Find the perfect gift for someone special” section.

Another user mentioned experiencing similar layout challenges but provided no additional solutions.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hello,

I’m retheming a site: https://jimshore.com/ using the Impulse theme. On the live site at the bottom of the homepage is a section that shows 2 collection sliders in one row (currently pointing to the Patriotic and Summer collections). Is there any app or idea how I can replicate this section?

Thanks, Margie

What you mean exactly of relicate this section, i need a deeper explanation

Hello Ahmed,

The current site has a section from an outdated theme showing 2 sliders on 1 row. It scrolls through products from 2 different collections.

What I’m asking is, does this functionality exist in an app where it would show 2 sliders in one row or anything close?

Margie

Yes it exists but it needs code knowledge

Hello, do you mean like using code for something like a slick slider? I’m a dev, just wanted to have some suggested options to put this in place.

Yes, you can add the two buttons of the left side in a div and add it a class and do the same on the right buttons. After that create onclick event and make the two right buttons and the two left buttons to opacity =0 and create a new arrow for the mean div that you just created

I hope my my explanation is clear and helpful

I am also facing this problem while setting up my site structure. It is annoying literally…

Hello,

Due to time constraints, I didn’t hand code something, instead I used the Impulse Featured Collection section and stacked one on top of the other. See the bottom of our site: https://jimshore.com/ where it says ‘Find the perfect gift for someone special’.

Margie