Tags above Product Name

Description

• adding Tags above Product Title
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Click Gear icon on Store Page

Next, click Advanced > Page Header Code Injection

#1.2. Add this code into Right box

<!-- 06.26c01v5 Tags above Product Name -->
<script>
window.TagsProductConfig = {
  isLink: true,
  color: '#000',
  borderColor: '#000',
  fontSize: '15px',
  textTransform: 'uppercase',
  background: 'transparent',
  marginBottom: '10px',
  marginRight: '5px',
  borderRadius: '0px',
  padding: '4px 10px',
};
</script>
<script src="https://code.beaverhero.com/productdetail/0626c01v5tagsaboveproductname.js"></script>

#2. Customize

#2.1. If you want to disable link from Tags, you can change Line 04

isLink: true,

to

isLink: false,

#2.2. To change text color/text size/border color, change Line 05, Line 06, Line 07

color: '#000',
borderColor: '#000',
fontSize: '15px',

#2.3. If you want to set border radius for buttons, you can change Line 12

borderRadius: '0px',

to something like this

borderRadius: '50px',

#2.4. To change space between Tags, you can change Line 10, Line 11

marginBottom: '10px',
marginRight: '5px',