#1. Use this code to Code Injection Footer
<!--- Wrap Product titles on two lines: Squarespace 7.1 --------->
<!--- Copyright Soundfocus Digital [https://sf.digital] --------->
<!--- Use freely in your code injection. Do NOT re-publish ------>
<script>
let sfProdTitleSelector = '.products.collection-content-wrapper .grid-main-meta .grid-title, .collection-type-products .ProductItem-details h1.ProductItem-details-title, .product-block .product-title';
const _0x57f763=_0x30b5;(function(_0x270942,_0x6450ad){const _0x3d6ae9=_0x30b5,_0x478d2e=_0x270942();while(!![]){try{const _0xd0c922=parseInt(_0x3d6ae9(0x20d))/0x1*(-parseInt(_0x3d6ae9(0x1f7))/0x2)+-parseInt(_0x3d6ae9(0x1ff))/0x3+parseInt(_0x3d6ae9(0x1fd))/0x4*(-parseInt(_0x3d6ae9(0x202))/0x5)+-parseInt(_0x3d6ae9(0x1e0))/0x6+parseInt(_0x3d6ae9(0x1ea))/0x7*(-parseInt(_0x3d6ae9(0x204))/0x8)+parseInt(_0x3d6ae9(0x1e7))/0x9*(-parseInt(_0x3d6ae9(0x1ef))/0xa)+-parseInt(_0x3d6ae9(0x1ee))/0xb*(-parseInt(_0x3d6ae9(0x1d5))/0xc);if(_0xd0c922===_0x6450ad)break;else _0x478d2e['push'](_0x478d2e['shift']());}catch(_0x5b231e){_0x478d2e['push'](_0x478d2e['shift']());}}}(_0x2356,0xa6248));const _0x589fbd=(function(){let _0x51f25f=!![];return function(_0x19b8e3,_0x22dd01){const _0x133502=_0x51f25f?function(){const _0x198774=_0x30b5;if(_0x22dd01){const _0x5af4f6=_0x22dd01[_0x198774(0x1d9)](_0x19b8e3,arguments);return _0x22dd01=null,_0x5af4f6;}}:function(){};return _0x51f25f=![],_0x133502;};}()),_0x84ebda=_0x589fbd(this,function(){const _0x1fee12=_0x30b5;return _0x84ebda[_0x1fee12(0x203)]()['search'](_0x1fee12(0x1e6)+')+$')[_0x1fee12(0x203)]()[_0x1fee12(0x1de)+'or'](_0x84ebda)[_0x1fee12(0x1f4)](_0x1fee12(0x1e6)+_0x1fee12(0x1fa));});function _0x30b5(_0x200bc8,_0x44568a){const _0x5a9ad6=_0x2356();return _0x30b5=function(_0x33da36,_0x5c7e7d){_0x33da36=_0x33da36-0x1d5;let _0xe80f06=_0x5a9ad6[_0x33da36];return _0xe80f06;},_0x30b5(_0x200bc8,_0x44568a);}function _0x2356(){const _0x274c98=['5814376JDBaAo','querySele','init','ment','itles...','call','*\x5c(\x20*\x5c)','Wrap\x20Prod','appendChi','762676PsmhtQ','\x20|\x20','361140SZHkCC','debu','innerText','chain','apply','innerHTML','DOMConten','][0-9a-zA','while\x20(tr','construct','sf-pre-ti','6356988pMPaqU','Checking\x20','al\x20[https','tle','[a-zA-Z_$','input','(((.+)+)+','315lkjhSN','createEle','function\x20','7trUjfB','split','addEventL','stateObje','1958WNGiJk','152690iIcPRf','length','ctor','s\x20v1.0\x20(c','className','search','://sf.dig','cus\x20Digit','2kvVlGK','div',')\x20Soundfo',')+$','log','trim','350284JxNiyK','sf-title','1363743yPSokz','gger','test','65IzFZNg','toString'];_0x2356=function(){return _0x274c98;};return _0x2356();}_0x84ebda();const _0x5c7e7d=(function(){let _0x18634a=!![];return function(_0x2cc409,_0x3ac01c){const _0x38d285=_0x18634a?function(){const _0x520740=_0x30b5;if(_0x3ac01c){const _0x2411bc=_0x3ac01c[_0x520740(0x1d9)](_0x2cc409,arguments);return _0x3ac01c=null,_0x2411bc;}}:function(){};return _0x18634a=![],_0x38d285;};}());(function(){_0x5c7e7d(this,function(){const _0x260ae7=_0x30b5,_0x194109=new RegExp(_0x260ae7(0x1e9)+_0x260ae7(0x20a)),_0x38483b=new RegExp('\x5c+\x5c+\x20*(?:'+_0x260ae7(0x1e4)+_0x260ae7(0x1dc)+'-Z_$]*)','i'),_0x1c3ecb=_0x33da36(_0x260ae7(0x206));!_0x194109[_0x260ae7(0x201)](_0x1c3ecb+_0x260ae7(0x1d8))||!_0x38483b[_0x260ae7(0x201)](_0x1c3ecb+_0x260ae7(0x1e5))?_0x1c3ecb('0'):_0x33da36();})();}()),window[_0x57f763(0x1ec)+'istener'](_0x57f763(0x1db)+'tLoaded',_0x1473d8=>{const _0x4bc480=_0x57f763;console[_0x4bc480(0x1fb)](_0x4bc480(0x20b)+'uct\x20title'+_0x4bc480(0x1f2)+_0x4bc480(0x1f9)+_0x4bc480(0x1f6)+_0x4bc480(0x1e2)+_0x4bc480(0x1f5)+'ital]');var _0x2d54a6,_0x5e436e,_0x404e46;if(document[_0x4bc480(0x205)+_0x4bc480(0x1f1)](sfProdTitleSelector)){_0x2d54a6=document[_0x4bc480(0x205)+'ctorAll'](sfProdTitleSelector),console[_0x4bc480(0x1fb)](_0x4bc480(0x1e1)+'Product\x20T'+_0x4bc480(0x208));for(_0x5e436e=0x0;_0x5e436e<_0x2d54a6[_0x4bc480(0x1f0)];++_0x5e436e){_0x404e46=_0x2d54a6[_0x5e436e];const _0x56a171=_0x404e46[_0x4bc480(0x1d7)][_0x4bc480(0x1eb)](_0x4bc480(0x20e));if(_0x56a171['length']===0x2){const _0x48a514=document[_0x4bc480(0x1e8)+_0x4bc480(0x207)](_0x4bc480(0x1f8));_0x48a514['className']=_0x4bc480(0x1df)+_0x4bc480(0x1e3),_0x48a514['innerHTML']=_0x56a171[0x0][_0x4bc480(0x1fc)]();const _0x4e63f5=document[_0x4bc480(0x1e8)+_0x4bc480(0x207)](_0x4bc480(0x1f8));_0x4e63f5[_0x4bc480(0x1f3)]=_0x4bc480(0x1fe),_0x4e63f5[_0x4bc480(0x1da)]=_0x56a171[0x1][_0x4bc480(0x1fc)](),_0x404e46[_0x4bc480(0x1da)]='',_0x404e46[_0x4bc480(0x20c)+'ld'](_0x48a514),_0x404e46['appendChi'+'ld'](_0x4e63f5);}}}});function _0x33da36(_0x4f6c06){function _0x5d07f1(_0x4674d4){const _0x966844=_0x30b5;if(typeof _0x4674d4==='string')return function(_0x2bbbf3){}[_0x966844(0x1de)+'or'](_0x966844(0x1dd)+'ue)\x20{}')[_0x966844(0x1d9)]('counter');else(''+_0x4674d4/_0x4674d4)[_0x966844(0x1f0)]!==0x1||_0x4674d4%0x14===0x0?function(){return!![];}[_0x966844(0x1de)+'or'](_0x966844(0x1d6)+_0x966844(0x200))[_0x966844(0x209)]('action'):function(){return![];}[_0x966844(0x1de)+'or']('debu'+_0x966844(0x200))['apply'](_0x966844(0x1ed)+'ct');_0x5d07f1(++_0x4674d4);}try{if(_0x4f6c06)return _0x5d07f1;else _0x5d07f1(0x0);}catch(_0x2024e1){}}
</script>
#2. Edit Product > Use this format
#3. Suppose we need to add 2 different colors, you can create 2 tags. Here I do an example with 2 tags: be love, be yourself
Assign 2 tags for 2 products
#4. Use this code to Custom CSS
/* Product Color */
.tag-be-love .sf-title {
color: #f1f;
font-style: italic;
}
.tag-be-yourself .sf-title {
color: #f1f2;
font-style: italic;
}
Result:
#5. To remove the | symbol from breadcrumbs, you can use this code to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("a.ProductItem-nav-breadcrumb-link").html(function() {
return $(this).html().replace("|", " ");
});
});
</script>
