Jump to content

Adding and formatting a link at top of my products page

Recommended Posts

Site URL: https://www.groundskrewe.org/throw-catalog

I have been searching, but can't seem to find out how to add text to the top of my products page that links to an "about the products" page. Some customers will land directly on products page from outside my site and I want them to know the mission behind products which I have on another page. I am guessing it can be done through settings -> advanced -> page header injection, but I can't figure out what code to put in. Would like the link to be large text, grey and centered right above the product categories area.

Link should go to https://www.groundskrewe.org/about-throw-catalog

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

17 hours ago, GroundsKrewe said:

It was at the top of my post, but here it is again. Thanks!

https://www.groundskrewe.org/throw-catalog

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
 jQuery(document).ready(function($) {
	$('<p class="t-info">Here is description with <a href="https://beaverhero.com">Text link</a></p>').insertBefore("nav.ProductList-filter.ProductList-filter--categories");
});
</script>
<style>
  .t-info {
    text-align: center;
}
  .t-info a {
    border-bottom: 1px solid currentColor;
}
</style>

image.thumb.png.0ef992c7f73fe7edac0ecc589209fe60.png

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.