To create a link on your front page with its own custom button, do the following:
-
Sign in to the Advanced Editor for your store. Then create or edit a link on your front page.
- On the Edit page for that link, select the "New Property" button at the bottom of the screen. (The New Property button only appears in the Advanced Editor.)
- Create a new property named "Icon" and of type "Image." (It's not possible to delete a new property or edit the type of a property once it's created, so you'll need to be careful to use these exact names and types.)
- Upload your custom button image for that link to this Icon property.
- Update that Edit page, then click on the editor's "Variables" button.
- Set your Button Style Variable to "Icon."
- Update your Variables page.
This will cause your navigational buttons to display as icons. The images used in the various Image fields on your Variables page and in the Icon fields of your Sections, Items, and Links will be displayed at their full original size. If you do not have an image for a particular Item, Section, Link, or pre-defined button, then the button will appear as a text button.
You will need to publish your store site in the editor for any changes to take effect.