Jump to content

Brand Names above Product Name in 7.1 - Code Injection?

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.cocoandlen.com.au/

Hi all, wondering if it's possible to add a 'brand' name above the product name like this example (this example site is from Shopify pretty sure). I thought maybe tags might do it but can't get that to show up - is there a bit of code out there I could use to do this? 

image.thumb.png.3f3c163a687080d96158bac65a7a546c.png

 

the site I want to implement it on is www.cocoandlen.com.au

 

Thank you in advance!

Link to comment
  • Replies 5
  • Views 565
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

For example, if you want to add brand: wixsa

First, add tag: wixsa for these products

Next, add this code to Design > Custom CSS

/* wixsa */
.tag-wixsa h1.ProductItem-details-title:before {
    content: "WIXSA";
    display: block;
    font-size: 20px;
}

image.thumb.png.3c9641e8607089b7c9a133f0ff5427a8.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
  • 1 year later...
Posted (edited)

How would you do the same thing in a product block?  Using the above code and tag, I'm able to add a brand name above my product title on my product pages.  But I'd like the brand to appear above the title on a product block as well.

 

Edited by mwess
Link to comment
3 hours ago, mwess said:

How would you do the same thing in a product block?  Using the above code and tag, I'm able to add a brand name above my product title on my product pages.  But I'd like the brand to appear above the title on a product block as well.

 

It looks like we can't do this approach for Product Block, will need to some manually code. Can you share link to page where you use Product Block? I will give code code.

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
  • 2 weeks later...

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.