AppmakerDeveloper

How to add Toolbar Icons to a pagesData​

This doc shows how to add toolbar icons to a pagesData object.

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