Add a Logo Carousel to Your Website

  • Updated

Showcase top-selling brands sold on your website in a rotating carousel.

Before you begin, you will need to have logo images ready & uploaded to your website.
Visit the Upload Images guide for more help.

Here's how to add a Logo Carousel to your website using the Carousel block type:

  1. While logged into your DistributorCentral account, open the website editor.
    Learn How
  2. With your website editor open, go to the panel on the left and find Current Page40-1.png

  3. Under Current Page, click the + icon to the right of the row you wish to add the Carousel40-2.png

  4. In the Select Block Type pop up window, click on Carousel40-3.png


  5. After you have clicked on the Carousel block you will see the new block added to your row in the left panel highlighted in blue 40-4.png

  6. Click the Pencil icon to the right of the Carousel block40-6.png

  7. The Carousel edit screen will open
    40-7.png

  8. Next, click Add Slide at the bottom of the Carousel edit screen
    40-8.png

  9. After clicking Add Slide, Slide #1 will appear with more setting
  10. Click Pick Image, under Slide #1 settings, to select from your image library40-9.png

  11. In the Image Library,  find and click on the image you want to use as your banner
  12. Once the image is added to Slide #1, repeat steps 8 - 11 until you have all your banner images added to the carousel block
    1. Note: You are not limited to a number of images, but you cannot drag and drop to re-sort the images once they are added. If you need to reorder the images you must edit each slide one at a time.
  13. When you've completed uploading your images to slides in the carousel, click Done in the bottom right corner of the Carousel edit section
    40-10.png

  14. Thats it! Don't forget to Save your changes in the website editor before previewing your website or leaving the editor
    40-11.png


Tip: Further edit the Carousel settings to customize things like the Carousel's Animation effect, Autoplay delay, and more!
49-12.png

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request