Skip to main content
All CollectionsSparrowShopWebsite Configuration
How Do I Add a Product Carousel to the Homepage?
How Do I Add a Product Carousel to the Homepage?

Step-by-step guide on how to create a product carousel on the homepage of your website.

Maysa Wozeer avatar
Written by Maysa Wozeer
Updated over 3 months ago

Step 1

Go to ‘Content’ in the left-hand side menu

Step 2

Select 'Pages

Step 3

Find the page homepage e.g. ‘Home Page – Chemistworks’ (home-v2)

Step 4

Open the dropdown on the right-hand side

Step 5

Select ‘Edit

Step 6

Open the ‘Content’ section

Step 7

Press ‘Edit with Page Builder

Step 8

Scroll down to one of the template ‘Rows

Note: The top two carousels have been created as templates. One version includes an image in the heading to be used when marketing a particular brand. The other version is a simple carousel heading.

Step 9

Duplicate the row


Step 10

Scroll down to the duplicated row and press the visibility icon to make the carousel visible on the website

Step 11

Upload a logo image from your device or select one from the gallery

Note: This step is only applicable if you duplicated the carousel with the image


Step 12

Enter the heading for the carousel to be displayed on the website

Step 13

Hover over the products and select the settings icon

Step 14

Set the rules for which products you want to include in the carousel

Selecting products via category

a. Use the dropdown to select a category from the website

b. Select how the products in the carousel should be sorted

c. Enter the total number of products you want to be displayed in the carousel

Selecting products via SKU

a. Enter the product SKUs you want to feature in the carousel, separated by commas

b. Select how the products in the carousel should be sorted

c. Enter the total number of products you want to be displayed in the carousel


Selecting products via Conditions

a. Press the plus icon to add in a condition

b. Select a condition to filter the products by e.g. brand

c. Enter the value for the condition set e.g. select a brand name

d. Press the plus icon to add another condition e.g. if you want to filter by brand and price

e. Select how the products in the carousel should be sorted

f. Enter the total number of products you want to be displayed in the carousel

Step 15

Press ‘Save'

Step 16

You can change the order of the carousels by dragging the entire row

Step 17

Close full-screen edit mode

Step 18

Press ‘Save’ to make your changes visible on the website


Step 19

When the sale/event is over, you can remove the carousel by pressing the delete icon for the row

Did this answer your question?