Skip to main content

CMS Editor Block Library: Partners

Showcase trusted partners on relevant web checkout pages.

Partners

  1. Drag the Partner Logos block into the desired position on the page.

  2. In the Page Settings panel, add a title and description.

    Partners Title & Description

  3. Press the + Add Partner button in the Settings Panel.

    Add Partner

  4. In the Partner window, enter a logo URL or upload an image.

    Add Partner Logo


    📗 TIP

    Optionally, add an image description for accessibility.


  5. For uploaded images, toggle 'Crop to fit' on to crop the image.

    Crop to Fit

  6. Press the + Add Partner button.

    Add Partner

  7. Repeat for each additional logo.

  8. Remove items using the Remove button.

    Remove Logo

  9. Press the Close button when finished.

    Close

  10. You can also edit, remove, or reorder logos from the Settings Panel.

    Edit Partners


  11. Select how partner logos are displayed:

    • Banner


    • Grid


    • Carousel


  12. When using the Banner type, select a scroll speed: Slow, Medium, Fast.

    Banner Scroll Speed

  13. When using the Carousel type, customise the block:

    Carousel Settings

    • Loop - navigation is continuous. Clicking the arrow at the end returns to the beginning and vice versa.


    • Show Adjacent Content - partially displays logos at the edge of the screen to indicate more content. When disabled, logos are grouped so that none are cut off.

  14. Toggle 'Content Background' on to add a background colour or image.

  15. Toggle 'Card style' on to display the background within a rounded card instead of a full-width section.

    Content Background

  16. Choose top and bottom spacing between the element and surrounding elements on mobile or desktop. Select spacing from presets (S, M, L, XL) or use custom settings.

    Spacing

Did this answer your question?