How to link a page to your store menu in EcomSolid

 

In this article, we’ll walk you through the steps to link any URL to your store menu (Header and Footer) in the form of a menu item.

 

Get the page URL

Visit the live page you want to link to your store, and copy the page’s URL. We’ll link this URL to the page’s navigation in the next steps.

 

Link the URL to navigation in the Editor

 

Note: If you created a legal page from the Shopify Admin and want to link your store policies to the menu, add the corresponding handle to your store domain. Shopify supports displaying 4 policies as below:

  • Refund policy: /policies/refund-policy
  • Privacy policy: /policies/privacy-policy
  • Terms of service: /policies/terms-of-service
  • Shipping policy: /policies/shipping-policy

Here's an example to add the shipping policy to your store Footer: https://gem-demo.myshopify.com/policies/refund-policy

 

Step 1: Go to the EcomSolid Dashboard and enter the Editor.

 


Step 2: In the Editor, select either the Header or the Footer section to start linking your page.

 

The Header section presets will include drop-down menus with sub-menus (depending on each presets), while the Footer presets, such as the one below, will not have sub-menu items, but the main footer menu item can be linked to other pages.

 

To learn how to create and organize multi-level submenu items in the Header, please see this article.

 

Step 3: Look for the purple “Edit Menu” button on the left sidebar. If your current Footer present doesn’t have the button, this means the preset is not designed to have menu items, in this case, change to another preset.

Once you’ve located the “Edit Menu” button, click on it to open a new customization panel.



Step 4: In the new panel, you’ll see a list of all available menus. Select the menu you would like to edit and hit the chain icon to start linking it.


 


*Depending on the layout, some presets might have multiple menus to edit.


Step 5: A new Edit panel will appear, paste the URL of the destination page in the Link field. You can also edit the menu’s title in this step.



Additionally, you can search for the page right from inside the Editor. Simply hit “Pick a link” and choose a page in the corresponding tab.

You can also use the Scroll to tab to designate a destination on the page for the submenu to scroll to.

 


Step 6: Hit “Save” when done to save the changes and exit the panel.



Step 7: When everything is in place, hit “Update Live” and “Yes, Update” to bring the changes to your front store!



More articles to help you master EcomSolid can be found here. If you need any further assistance, our EcomSolid Support Team is here to help. 

We can be reached at any time via email or live chat.


Was this helpful?