Jump to content

Create a dropdown menu for Shop in header

Recommended Posts

On 7/13/2023 at 8:34 AM, mattrcooper97 said:

I would also like to be able to do this where if you click 'Shop' in the navbar, it takes you to a landing page of categories.

Please see the following.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Replies 33
  • Created
  • Last Reply

Top Posters In This Topic

I was able to make the dropdown clickable again by adding "shop-all" to all categories so it is linked to the hidden actual shop, e.g. "shop-all/necklaces" etc. as a link.

The "Shop" folder in the navbar is not clickable though.

 I searched the forum and tried this:


BUT that interferes with the background design of the dropdown and makes the first page of the "More" dropdown invisible as well.

So now I added another page to the drop down "All Categories", which is a hidden page and I would like to be the landing page when clicking on Shop (in the nav bar).

Can someone help with this?

www.soulmaidjewelry.com
 

Edited by Juelz
forgot website link
Link to comment
On 8/5/2023 at 3:03 PM, Juelz said:

I was able to make the dropdown clickable again by adding "shop-all" to all categories so it is linked to the hidden actual shop, e.g. "shop-all/necklaces" etc. as a link.

The "Shop" folder in the navbar is not clickable though.

 I searched the forum and tried this:


BUT that interferes with the background design of the dropdown and makes the first page of the "More" dropdown invisible as well.

So now I added another page to the drop down "All Categories", which is a hidden page and I would like to be the landing page when clicking on Shop (in the nav bar).

Can someone help with this?

www.soulmaidjewelry.com
 

You mean clicking Shop >> It redirects to another page?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

THANK YOU for replying. No I don't want it to go to an external page.

The SHOP button in the nav bar used to be linked to the CATEGORIES page (in the not linked section). However, that way I was not able to have a drop down.

So creating a SHOP folder, which is now in the nav bar, allows for the category drop down.

Now I would like the SHOP button to be clickable and bring you to the CATEGORIES page (to have an organized overview of the categories with cover images for each one) like before. Right now clicking on SHOP (folder), brings you to "Couldn't find page".


Attaching screenshots to make it more visible.

 

Screen Shot 2023-08-26 at 8.53.35 PM.png

Screen Shot 2023-08-26 at 8.53.54 PM.png

Screen Shot 2023-08-26 at 8.54.26 PM.png

Screen Shot 2023-08-26 at 8.56.03 PM.png

Screen Shot 2023-08-26 at 8.56.10 PM.png

Link to comment
On 8/27/2023 at 8:02 AM, Juelz said:

THANK YOU for replying. No I don't want it to go to an external page.

The SHOP button in the nav bar used to be linked to the CATEGORIES page (in the not linked section). However, that way I was not able to have a drop down.

So creating a SHOP folder, which is now in the nav bar, allows for the category drop down.

Now I would like the SHOP button to be clickable and bring you to the CATEGORIES page (to have an organized overview of the categories with cover images for each one) like before. Right now clicking on SHOP (folder), brings you to "Couldn't find page".


Attaching screenshots to make it more visible.

 

Screen Shot 2023-08-26 at 8.53.35 PM.png

Screen Shot 2023-08-26 at 8.53.54 PM.png

Screen Shot 2023-08-26 at 8.54.26 PM.png

Screen Shot 2023-08-26 at 8.56.03 PM.png

Screen Shot 2023-08-26 at 8.56.10 PM.png

I see you figured it out? But it looks like the destination link is 404

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/2/2023 at 4:40 AM, Juelz said:

Yes, that is my problem. For some reason I can't link anything to it.

Can you help w that?

"Shop" will use First Dropdown Item url (I guess so). So you can try change url of first item

image.png.64a9cff6dbf4f4000b3dbb3f11b09bfb.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.