Jump to content

Add a text between the product title and the price in Products pages?

Recommended Posts

Same text for all products?

Add to Home > Design > Custom CSS

.homepage .summary-title:after {
    content: "+more colors";
    display: block;
}

 

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

Remove above code & add this to Home > Design > Custom CSS

/* add text shop page */
.products.collection-content-wrapper .grid-main-meta .grid-title:after {
    content: "+more colors";
    display: block;
}

 

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

it works perfect, thx !!! but you were  right, i dont need it for all products, because the text is also displayed for "Gift card" and "leather care set", which havent more colors variants .... is there a way to remove the text for these 2 products please ?

 

Thank you again

 

not here.png

Edited by lienmt
Link to comment

Add tag: morecolor for all products which you want to add text, then add this to Home > Design > custom CSS

.tag-morecolor .grid-title:after {
    content: "+ more colors";
    font-size: .9rem;
    color: #635e50;
    display: block;
}

 

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.