Adding a Carousel Underneath Single Product on homepage

Store Design
1

hi, im looking to add a carousel underneath my single product image to display on the homepage like it does on the product page. there’s no option to do this when customizing the theme, can someone assist?

2

Hello @AaronS89291 ,

To add a carousel underneath your single product image on your homepage—just like on your product page—you’ll need to make some custom theme code tweaks since the theme customizer doesn’t offer that option directly. Here’s a high-level overview of one approach:

  1. Locate the Existing Carousel Code:
    Identify the snippet or section that powers the carousel on your product page (often it’s in a file like product-carousel.liquid or within your product template).

  2. Create a Custom Section for the Homepage:
    Duplicate that carousel code and create a new section file (for example, homepage-carousel.liquid). Modify it as needed so it displays the images or content you want on your homepage.

  3. Add the New Section to Your Homepage:
    Edit your index.liquid (or use your theme’s customizer if it supports adding custom sections) to include this new carousel section. This ensures it loads on the homepage without needing to navigate to the product page.

  4. Ensure Assets Are Loaded:
    Verify that any JavaScript (like Swiper, Slick, or another carousel library) and related CSS are included on your homepage. You might need to adjust selectors if the layout is slightly different from the product page.

If you’re not comfortable editing code, you could also explore carousel apps in the Shopify App Store that allow more flexible placement on your homepage.

Hope this helps! Let me know if you need any more details or run into any snags.

Best,
Tracy from Kudosi Reviews

3

Can you show screen shot how you like

4

I have sent you a message thanks