Navigation item

Add navigation items as blocks to the section and adjust their view and direction.

GENERAL

Name

Fill in the name of the navigation item.

Collection

Select a collection from the list of your collections on the setting panel. Note that the data filled in below has priority over a collection’s data. Leave the ‘Name’, 'Image', and 'Button link' fields empty to use the collection's native data.

Image

Select a featured image that appears when you place the pointer on the navigation item. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.

Use custom ratio

Select to enable the featured image ratio adjustment. Otherwise, the image uses its original ratio.

Custom ratio

Adjust the proportion between the width and height of the featured image and make its orientation square, horizontal, or vertical. Note that you can use this option only when 'Use custom ratio' is selected.

Button label

Fill in the button name to introduce the page it redirects to. Without a name, the button label disappears. Note that the image is always clickable: both with and without a button label.

Button link

Choose a page within your store or enter a URL to redirect customers to another page when they select the button.

Button style

Choose the style of the button.

Solid	the button filled with color
Outline	the button with only its borders colored

ICON

Icon

Choose the icon to match the name of the navigation item. Here you can see what icon stands for each label in the list.

Custom icon

Select an image for a custom icon (the recommended image size is 256x256 pixels). In this case, the custom icon has priority over the icon from the list. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.

Icon size

Adjust the icon size within the scrolling line.

SCROLLING

Line direction

Choose the direction in which the line moves.