Jump to content

Display tags as metadata on blog page

Recommended Posts

Posted

Site URL: http://sarahs.co.uk/products

Hey there,

On my website, I am using blog posts to showcase affiliate links. You can view all the post thumbnails and the title, and when you click it, you are taken to another website. We want to show the Tags on the blog page, but the only options are categories, date, and author. Is there a way to make it so that I can display the tags?

Thanks in advance!
Seth

http://sarahs.co.uk/products
PW: known

  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply
Posted

Thanks @tuanphan... Interestingly the "products" page is actually all blog posts. Each thumbnail links out to an affiliate link. And that is the page where I want to display the tags of the blogs, rather than the categories. Thanks for any help! 🙂

Posted
Quote

I'm also looking to put the metadata below the blog title...

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page.

<style>

  /*
  
    move blog listing item title above meta
    
    Version    : 0.1d0
    
    SS Version : 7.1
    
    By         : Thomas Creedon < http://www.tomsWeb.consulting/ >
    
    */
    
    .blog-basic-grid .blog-basic-grid--text {
    
      display : -webkit-box;
      display : -ms-flexbox;
      display : flex;
      
      -webkit-box-orient : vertical;
      -webkit-box-direction : normal;
      -ms-flex-direction : column;
      flex-direction : column;
      
      grid-gap : 0.25rem;
      
      }
      
    .blog-basic-grid .blog-meta-section {
    
      margin-bottom : 20px;
      
      }
      
    .blog-basic-grid .blog-title {
    
      margin-bottom : 0;
      
      -webkit-box-ordinal-group : 0;
      -ms-flex-order : -1;
      order : -1;
      
      }
      
  </style>

This is for v7.1.

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.

Posted

Unfortunately SS does not expose the tag info to the blog listing page.

There are other ways to get at the tag data but the big question is can those methods be made reasonably performant. At worst the methods would slow down the overall loading speed of the blog listing page.

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.

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.