https://support.zendesk.com/hc/en-us/articles/203661226
//Begin Humble Squid Category Image Boxes JS Snippet
cat_list = $("ul.category-list li"); // jQuery object containing the category list elements
link_list = $("ul.category-list li a"); // jQuery object containing the category list link elements
total_cats = $("ul.category-list li").length; //number of categories we need to iterate over
for (var x = 0; x < total_cats; x++) { //loop to add images to category list elements then strip links of borders and text
var a_cat = cat_list[x];
var image_link="//p1.zdassets.com/hc/theme_assets/413487/200013043/cat06.jpg";
switch (link_list[x].text){
case "Fixed Assets":
image_link="//p3.zdassets.com/hc/theme_assets/518030/200032052/Tulips.jpg";
break;
case "Business Objects":
image_link= "//p3.zdassets.com/hc/theme_assets/518030/200032052/Lighthouse.jpg";
break;
case "eFinancials":
image_link="//p3.zdassets.com/hc/theme_assets/518030/200032052/Penguins.jpg";
break;
case "General":
image_link="p3.zdassets.com/hc/theme_assets/518030/200032052/Chrysanthemum.jpg";
break;
case "Zendesk Tips":
image_link="p3.zdassets.com/hc/theme_assets/518030/200032052/Desert.jpg";
break;
}
$(a_cat).css({ //adds background images and properties to shrink overlarge backgrounds
'background-image': 'url(' + image_link + ')',
'background-size': '100%'
});
var a_cat_link = link_list[x];
//$(a_cat_link).text(""); //strip link text...uncomment to enable
$(a_cat_link).css({
'border': '0px',
'width': '100%',
'height': '100%',
'margin': '0px',
'padding': '25%'
});
}
//End Humble Squid Category Image Boxes JS Snippet
Comments
0 comments
Please sign in to leave a comment.