How to Create Secondary Menu in Squarespace

-
Primary Menu



Here is the following steps to create secondary menu into Squarespace website.

1. Enable Developer Mode
 
 a) First, Login into your Squarespace admin panel using /config at end of your website URL.

 like-   https://your-domaine.com/config

b) Navigate to Settings=>Advanced=> Developer Mode and enable developer mode.

c) Now you will get details of your Squarespace SFTP account. Configure these details with your Filezilla or any other server connecting tool.

 2. Menu Registration 

a)Please open template.conf file and find the navigations into JSON array.

b) Apend your menu name and title into Navigation JSON array as given below.

{
      "title": "Primary Navigation",
      "name": "topnav"
    },

 c)  Now update file on server and you could see new menu register into your Squarespace website under Pages section.


3. Display Menu 

You have successfully registered your menu. Now you want to display this menu into site, here is following steps. Please follow.

a) Open site.region file and paste the following code.

<nav class="Header-nav Header-nav--topnav"  >
             <squarespace:navigation navigationId="topnav" template="header-nav" />
</nav>

b) Now your menu item will display according to your code. Using css make menu more attractive and good looking on site.

 Note: You could make sure which nav template using your current theme. Go to Blocks folder and find the right nav template.

Please comment if you are facing any problem. I will glad to help you.

Cheers ❤

Comments

Post a Comment

Popular posts from this blog

How to show Squarespace gallery in Masonry view

-
Image
Squarespace have awesome powerful feature to manage images using gallery feature. There is lot of flexible option to present images into different layout. Show images into masonry view is a passion. There is no inbuilt option for show images into masonry view. Here is the following steps to show your gallery images into Masonry view:- 1. Create a gallery page and upload your all images. 2. After uploading all images. Now time to show your all images using Squarespace Gallery Block. You could select your existing gallery page and select gallery type Grid. Now you could there is all gallery images showing. 3. Here is the following code you have to add into Advanced =>  PAGE HEADER CODE INJECTION  of page setting to show your images in Masonry view. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.js"></scrip...
Read more

Don't Crawl Posts,Categories Using Meta Tags in Wordpress

-
If we want to google or other search engines do not crawl our posts and categories in wordpress . For this we can use following script, Go to functions.php file in your theme-: function add_meta_tags() {       if(is_single() || is_archive())        { ?>          <meta name="robots" content="noindex,nofollow"/>        <?php  } } add_action('wp_head ','add_meta_tags'); If you want to use other pages like author,tags and date just replace if statement if(is_author() || is_tag() || is_date()) Thanks.
Read more