Skip to main content

How to add Toolbar Icons to a pagesData​

Description​

​ This doc shows how to add toolbar icons to a pagesData object. This is useful for adding icons to the toolbar default set of icons. ​

Steps​​

  1. open the page file.
  2. add the following to the page data
import ICONS from '@appmaker-xyz/shopify/ToolBarIcons';
​
const pagesData = {
  toolBarItems: [ICONS.SEARCH, ICONS.CART], // add the icons here as an array
  title: '',
  blocks: [
    // here goes the blocks
  ]
}
  1. Save the file and reload the page. ​
​

The icons are imported from the @appmaker-xyz/shopify/ToolBarIcons module.

​

Available default toolbar icons​

​ The following icons are available by default:

  • ICONS.SEARCH
  • ICONS.WISHLIST
  • ICONS.CART