Skip to main content

Icon set

Icon set​

Since v1.0.0

The Icon set settings control the icons used across your store: the header icons, the icons on buttons, the open and close sign of accordions, the quick buy icon on product cards and the round close cursor. You'll find them under Theme settings > Icon set in the theme editor. To open theme settings, click the gear (settings) icon in the left sidebar of the theme editor.

Settings​

Choose icons for navigation​

  • Icon set: The style of all the theme's icons (options: Wise icon set, Monsoon icon set). Switching the set changes every icon in the store at once, such as the menu, search, account, cart, arrows and close icons.
  • Enable bag icon in buy button: Show a bag icon on the add to cart button on the product page, in the sticky buy button and on compact product card buttons.
  • Enable lock icon in checkout button: Show a lock icon on the checkout button in the cart, as a sign of a secure checkout.

Set custom icons​

Upload your own images to replace the header icons. Leave a field empty to use the icon from the selected icon set.

  • Menu icon: The icon that opens the menu drawer.
  • Search icon: The icon that opens the search.
  • Account icon: The icon that links to the customer account.
  • Bag icon: The cart icon.
tip

Header icons are shown at about 22 px. Upload small square images, ideally SVG or PNG with a transparent background, at least 60 x 60 px so they stay sharp on high resolution screens. Uploaded images keep their own colors and do not follow the header text color.

Accordions​

  • Accordion indicator: The sign used to open and close every collapsible row in the theme, for example in FAQs, product descriptions and footer menus on mobile (options: Arrow, Plus / minus).

Pro card​

  • Quick buy icon: The icon on the quick buy button on product cards (options: Plus, Cart).
  • Compact card quick buy icon: The icon on the buy button of compact product cards set to the icon style (options: Plus, Cart).

Close cursor​

  • Display custom close cursor: On computers with a mouse, show a round close icon that follows the pointer when it moves over the dimmed area around an open drawer, popup or search. It shows customers that clicking there closes the panel.
  • Cursor background and Cursor icon color: The colors of the round close cursor. Shown only when the setting above is on.