Jump to content

CSS to create a separate link under the store navigation

Recommended Posts

Site URL: https://elizabethhoffman.squarespace.com/

Hi. I'm trying to make a link underneath the left-side store navigation that will just link to a regular page. It can't be done in the template. I think I could possibly do it with some css? I want it to look uniform to the rest of this navigation. I can just stick it on the bottom of the list.  This would be another text link called "Licensing" and it would go to a static page, not the store.

Has anyone done anything like this?


Link to comment

CSS can not add links. What you want to do requires HTML.

Your site is private. We won't know what might be done until we can see the page.

Please set up a site-wide password.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Thanks creedon. I set one up and the password is Hoffman7 but you'll have to first click on Art in the top nav to get to the store nav that shows up on the left side. 

Thanks again.

What I'm actually trying to do here: She wants to sell some of her art, but also have some work not for sale at all and only have it available for licensing. Entering the licensing-only pieces in the store is proving to be a little issue because it puts a $0 price and a cart option on them. She wants those pieces to just have a note for people to email her so she can negotiate licensing options. Therefore, I think I'm going to have to build static pages for those pieces and link them to the store nav. 

I've been trying to figure out ways to solve this.

Link to comment

Here is what many people do for what your client wants to accomplish.

With CSS hide the elements that you don't want. So in your case price, quantity ( actually that is hidden by default when stock level is 0, but you may want to do CSS also in case a mistake is made ), add to cart button, product mark ( sold out ). There are many many posts on hiding various store product elements. Following is one of mine.

The second bit of code you'd need is to hide the price and product mark on the store listing pages. I don't recall code specifically for that but it wouldn't be too hard to create.

Then after the hiding is done you can add a Licensing category to each of those products.

For the licensing options you can add that to each product or link to a page with more details or contact info.

Does this sound like it would work for your client's need.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Yes, something like that. Thank you very much! While I was waiting for you to answer, I have been trying a work-around with a different section specifically for licensing for her. She might like it, but if she doesn't I will go the css route of hiding the store info. That is, if she really wants those elements to show up in the store thumbnails. She's not paying me much, so I'm looking for the easiest fixes.

Thank you again! 🙂

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.