function hideObject() {
if (sessionStorage.getItem('hide') === true) {
object.classList.add('none');
}
}
document.addEventListener("DOMContentLoaded", hideObject)let object = document.querySelector('.object ');
let tap = document.querySelector('.tap');
if (sessionStorage.getItem('hide') === 'true') {
object.classList.add('none');
}
function addSessionKey() {
sessionStorage.setItem('hide', true);
}
tap.addEventListener('click', addSessionKey);$cat_ids = array(1,2,3,5); //где 1,2,3,5 это id родительских категорий которые нужно вывести
foreach($cat_ids as $cat_id){
$catlist = get_categories('hide_empty=0&child_of=' . $cat_id);
echo "<ul>";
foreach($catlist as $categories)
{
echo '<h1><a href="' . get_category_link( $categories->term_id ) . '" title="' . sprintf( __( "View all products in %s" ), $categories->name ) . '" ' . '>' . $categories->name.'</a> </h1> ';
echo '<div class="categoryoverview clearfix">';
$terms = apply_filters( 'taxonomy-images-get-terms', '' );
if ( ! empty( $terms ) ) {
foreach( (array) $terms as $term ) {
if($term->term_id == $categories->term_id) {
print '<a href="' . esc_url( get_term_link( $term, $term->taxonomy ) ) . '">' . wp_get_attachment_image( $term->image_id, '' );
echo '</a>';
}
}
echo '<p>'. $categories->description; echo '</p>';
}
echo '</div>';
}
echo "</ul>";
}<use xlink:href=assets/sprite.svg#test"></use> и уже сидеть разбираться с другими библиотеками js где нужно вставлять иконки <html>
<head>
<meta charset="utf-8">
</head>
<body>
<span><svg class="icon " role="img"><use xlink:href="ВСТАВКА ID=TEST"></use></svg></span>
<template id="svg-sprite">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;">
<symbol id="test" viewBox="0 0 576 512">
<path d="M27....."></path>
</symbol>
<symbol id="test2" viewBox="0 0 576 512">
<path d="M27....."></path>
</symbol>
</svg>
</template>
</body>
</html>попробуйте так напишите в css => use path#test{ style} должно сработать ...
<template id="svg-sprite">
<svg> <symbol id="test">..</symbol ></svg>
</template>