Multicolor Cards

Use this section to display featured collections, featured products, or share details about key elements of your products or store.

Set-up section

  1. Select a Template to edit from the dropdown menu in the top bar.
  2. In the side panel, click (+) Add section and select Multicolor cards.
  3. If desired, you can change the order of your sections by using the drag and drop handles ⋮⋮
  4. Click the Multicolor cards tab to open its settings.
  5. Use the Cards per row slider to change the number of cards you want to show on each row. You can show 2, 3, or 4 cards per row.
  6. Use the Image height slider to change the height of your images. This setting will apply to all images. Your image ratio will always be preserved; each image's width will change proportionately with its height.
  7. Use the Font size slider to change the size of the card text.
  8. If desired, you can make each card a different color. Use the Card color pickers to change the color of each card individually.

Set-up block

  1. Click on a Card block to open its settings.
    1. Click + Add Card to create a new card.
    2. Click Remove block or the eye icon to delete or hide a block.
  2. Click Select image on the Image field and use the file selector to select an image from your library or upload a new image file.
    1. We recommend a 464 x 464px .png image.
  3. Add Heading text to add a title to the card. This title will show below the image. Leave this field empty to remove it.
  4. Add a URL to the Link field if desired. This option allows the customer to click anywhere on the card and follow the link provided.
  5. Click Save.

Note: New sections will appear on all pages that use the same template.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us