Musk Documentation

Collection Image

image

The Collection Image section enables you to render a list of collections and upon hovering over a collection list item, the respective collection image is rendered.

Key Settings and Styling

Innerbox Setting

image

The settings here enable you to set a background color, border color, border radius and border type to the Innerbox holding the collections.

Title (Normal & Hover)

image

The Title settings enable you to apply various styles such as the font size, font weight, line height, and title color to the Collections Titles, under Normal and Hover states.

Product Count

image

Product count renders the number of products within the collection.

The Product Count Settings hence enable you to apply various settings to the count such as the font size, font weight, line height, and color.

Image

image

The Image settings enable you to set a border radius to your collection Image rendered upon hovering over the collection.

Spacing (Mobile & Desktop)

image

The Spacing setting helps in adding padding around the Collection Image section, both on desktop and mobile devices.

Blocks

Item

image

The Item block within this section enables you to add a collection to the Collection Image section.