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
  • Views 388
  • Created
  • Last Reply
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

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.