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.
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?
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
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’.